coinbaseOfficial·15 Agent Skills Included

cds

Build, document, and maintain Coinbase Design System components

Builds and reviews React, React Native, and native iOS/Android UI with Coinbase Design System components, tokens, and accessibility rules. Converts Figma designs into production code, writes component documentation, and handles deprecations, migrations, and breaking-change audits. Eliminates manual doc lookups, inconsistent styling, and risky release tasks like backports and version-conflict resolution.

493|101

↗

npx skills add coinbase/cds --all -g -y

Available:

Tells the agent how the CDS monorepo is structured across web, mobile, Android, and iOS packages, which Nx commands to run for tests and typechecks, and which skills to load before writing code.

All Skills in This Repository (15)

Pure Emerald Level Indicators

📦 In Repo

coinbase

figma.create-connect

Generate Figma Code Connect mapping files for React components.

code-connect-best-practice

Provide guidelines for writing Figma Code Connect property mappings.

summarize-commits

Summarize recent git commits using git log and git show.

development-cds-web

Develop and maintain web-based React components for the Coinbase Design System.

development-react-components

Guide React component development with Coinbase Design System standards.

code-review

Review CDS React component code for structure, type safety, styling, accessibility, and testing coverage.

component-styles

Standardize styling APIs for CDS components across web and mobile platforms.

component-docs

Create and update CDS component documentation on the docsite.

figma.audit-connect

Audit Figma Code Connect mapping files for accuracy and completeness.

detect-breaking-changes

Analyze recent Git commits to categorize breaking changes in public API surfaces.

competitor-research

Orchestrate parallel research across design systems to extract patterns and insights.

skill-creator

Create, modify, test, and optimize AI skills with SKILL.md files.

Official

Advanced

Frequently Asked Questions

FAQPage Schema

How to install coinbase/cds skills?▼

Run `npx skills add coinbase/cds --all -g -y` in your terminal to install all skills in this collection globally.

How to turn a Figma design into CDS code?▼

Share a Figma URL and the cds-design-to-code skill extracts the design context, maps components via Code Connect, and generates CDS React or React Native code with visual verification.

Can it review my code for design system compliance?▼

Yes. The cds-code and cds-accessibility skills audit your UI for correct component usage, design tokens, and documented accessibility props against official CDS docs.

Does it help with CDS releases and migrations?▼

Yes. Included skills detect breaking API changes, write jscodeshift migration transforms, deprecate APIs consistently, backport fixes, and resolve version-file conflicts.

Do I need to know the CDS codebase to use these?▼

No. The skills load current CDS documentation automatically and guide the agent through component selection, styling, and testing conventions for you.