mcpField

cds-code

coinbaseDesign & UI69 installs

About cds-code

Provides a workflow for building and reviewing high-quality React and React Native UI with the Coinbase Design System (CDS). Use this skill to create UI or make visual changes to existing UI with CDS components, tokens, style props, icons, and illustrations. Use it for explicit CDS-adherence audits and reviews, not non-visual logic, data, analytics, navigation, tests, generated code, or refactoring. Examples: "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?"

Install

Copy the command and run it in a terminal.

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

After installing, type/cds-codein Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with 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

Comments

Markdown supported