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