claude-code-design-skills
这个工具能让设计师的设计稿秒变高质量代码，特别擅长把Figma设计转成React/Next.js项目。它能自动处理组件复用、类型安全、无障碍访问这些头疼事，让你的设计落地速度翻倍。
功能简介
这个工具能让设计师的设计稿秒变高质量代码，特别擅长把Figma设计转成React/Next.js项目。它能自动处理组件复用、类型安全、无障碍访问这些头疼事，让你的设计落地速度翻倍。
适用能力
[{"title":"设计稿转代码的最佳拍档","desc":"消除设计与开发间的沟通断层，节省50%以上的前端开发时间"},{"title":"复用项目上下文","desc":"结合已有文件、规则和输入材料，减少每次重新说明背景的成本。"},{"title":"输出可交付结果","desc":"适合生成分析结果、执行步骤、代码修改建议或可复制的内容草稿。"}]
输入说明
需求描述、项目文件、参考资料、截图或用户指定的执行规则。
输出说明
分析结果、执行步骤、生成内容、代码修改或可复制的交付文档。
示例提示词
["使用 claude-code-design-skills 帮我处理这个任务","调用 claude-code-design-skills，按当前项目规则给出执行方案","用 claude-code-design-skills 生成一版可以直接交付的结果"]
安装命令
codex skill add scoobynko/claude-code-design-skills