design
について
デザインスキルは、UIデザイン、デザインシステム、またはコンポーネントアーキテクチャに関する議論で自動的に起動します。デザイン原則、アクセシビリティ基準、コンポーネントベースのアーキテクチャについて専門的なガイダンスを提供します。一貫性のあるデザイントークンの実装、アクセシビリティファーストのアプローチ、スケーラブルなコンポーネントパターンのためにご利用ください。
クイックインストール
Claude Code
推奨npx skills add majiayu000/claude-skill-registry -a claude-code/plugin add https://github.com/majiayu000/claude-skill-registrygit clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/designこのコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします
GitHub リポジトリ
関連スキル
canva
デザインこのスキルは、ClaudeがCanvaでグラフィック、プレゼンテーション、マーケティング資料などのビジュアルデザインを作成・編集できるようにします。様々なコンテンツタイプに対応し、テンプレートベースとカスタムデザインの両方のワークフローをサポートしています。開発者はクイックインストールで統合し、環境変数または手動のブラウザーログインを通じて認証を設定できます。
pexels
デザインPexelsスキルは、開発者がクリエイティブプロジェクト向けにロイヤリティフリーのストック写真や動画をプログラムで検索、ダウンロード、キュレーションできるようにします。このスキルはPexelsライブラリへの直接APIアクセスを提供し、帰属表示を必要とせずに高品質なビジュアルコンテンツを統合できます。アプリケーションで無料のストックメディアアセットを調達または管理する必要がある場合に、このスキルをご利用ください。
adobe-illustrator-web
デザインこのスキルは、ClaudeがAdobe IllustratorのWeb版を使用してベクターグラフィックを作成・編集できるようにします。ロゴ、アイコン、イラストレーションをClaudeを通じて直接作成するためのAI搭載デザインツールへのアクセスを提供します。開発者は、ワークフロー内でプログラム的にベクターグラフィックを生成または変更する必要がある場合にこれを利用できます。
framer
デザインこのスキルにより、ClaudeはFramer上で直接ウェブサイトのデザインと公開が可能となり、インタラクティブなページの作成やプロジェクト管理を含む作業を行えます。サイト設定の構成や公開といったタスクを処理し、迅速なウェブプロトタイピングを必要とする開発者に有用です。セットアップにはFramerの認証情報が必要で、プライバシー保護のため手動入力またはブラウザーログインにより提供できます。
