mcpField

cds-code

coinbaseデザイン・UI69 回インストール

cds-code について

Coinbase Design System（CDS）を使って高品質な React および React Native の UI を構築・レビューするワークフローを提供する。このスキルは、CDS のコンポーネント、token、スタイルプロパティ、アイコン、イラストを使って UI を作成したり、既存 UI に視覚的な変更を加えたりするために使用する。明示的な CDS 準拠の監査とレビューに使用し、非視覚的なロジック、データ、分析、ナビゲーション、テスト、生成コード、リファクタリングには使用しない。例："build this screen"、"fix spacing on this component"、"replace this UI with CDS components"、"perform a CDS audit on our changes"、"check our codebase for CDS adherence"、"does this feature use CDS well?"

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://coinbase/cds --skill cds-code

インストール後、Claude Code で/cds-codeを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

README.md
evals/
evals.json
evals/fixtures/eval-10/
SettingsScreen.tsx
evals/fixtures/eval-8/
CheckoutItem.tsx
CheckoutSummary.tsx
evals/fixtures/eval-9/
ProfileCard.tsx
guidelines/
code-review.md
components.md
icons.md
illustrations.md
scripts/
discover-cds-icons.mjs
discover-cds-illustrations.mjs
discover-cds-packages.sh

コメント

Markdown 対応