スキル一覧に戻る

design

majiayu000
更新日 7 days ago
10 閲覧
58
9
58
GitHubで表示
デザインdesign

について

デザインスキルは、UIデザイン、デザインシステム、またはコンポーネントアーキテクチャに関する議論で自動的に起動します。デザイン原則、アクセシビリティ基準、コンポーネントベースのアーキテクチャについて専門的なガイダンスを提供します。一貫性のあるデザイントークンの実装、アクセシビリティファーストのアプローチ、スケーラブルなコンポーネントパターンのためにご利用ください。

クイックインストール

Claude Code

推奨
メイン
npx skills add majiayu000/claude-skill-registry -a claude-code
プラグインコマンド代替
/plugin add https://github.com/majiayu000/claude-skill-registry
Git クローン代替
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/design

このコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします

GitHub リポジトリ

majiayu000/claude-skill-registry
パス: skills/data/design
0

関連スキル

canva

デザイン

このスキルは、ClaudeがCanvaでグラフィック、プレゼンテーション、マーケティング資料などのビジュアルデザインを作成・編集できるようにします。様々なコンテンツタイプに対応し、テンプレートベースとカスタムデザインの両方のワークフローをサポートしています。開発者はクイックインストールで統合し、環境変数または手動のブラウザーログインを通じて認証を設定できます。

スキルを見る

pexels

デザイン

Pexelsスキルは、開発者がクリエイティブプロジェクト向けにロイヤリティフリーのストック写真や動画をプログラムで検索、ダウンロード、キュレーションできるようにします。このスキルはPexelsライブラリへの直接APIアクセスを提供し、帰属表示を必要とせずに高品質なビジュアルコンテンツを統合できます。アプリケーションで無料のストックメディアアセットを調達または管理する必要がある場合に、このスキルをご利用ください。

スキルを見る

adobe-illustrator-web

デザイン

このスキルは、ClaudeがAdobe IllustratorのWeb版を使用してベクターグラフィックを作成・編集できるようにします。ロゴ、アイコン、イラストレーションをClaudeを通じて直接作成するためのAI搭載デザインツールへのアクセスを提供します。開発者は、ワークフロー内でプログラム的にベクターグラフィックを生成または変更する必要がある場合にこれを利用できます。

スキルを見る

framer

デザイン

このスキルにより、ClaudeはFramer上で直接ウェブサイトのデザインと公開が可能となり、インタラクティブなページの作成やプロジェクト管理を含む作業を行えます。サイト設定の構成や公開といったタスクを処理し、迅速なウェブプロトタイピングを必要とする開発者に有用です。セットアップにはFramerの認証情報が必要で、プライバシー保護のため手動入力またはブラウザーログインにより提供できます。

スキルを見る