claude_skills
Claude Code Skill 是一个帮你把设计图秒变代码的神奇工具。上传一张截图或设计稿,它能自动生成干净可用的 HTML/React 代码,就像有个专业前端坐在你旁边。
- 分类
- 开发编程
- 来源仓库
- https://github.com/labnow/claude_skills
功能简介
Claude Code Skill 是一个帮你把设计图秒变代码的神奇工具。上传一张截图或设计稿,它能自动生成干净可用的 HTML/React 代码,就像有个专业前端坐在你旁边。
适用能力
[{"title":"一键生成,告别切图地狱","desc":"省去80%前端开发时间,让设计师直接输出可运行代码"},{"title":"复用项目上下文","desc":"结合已有文件、规则和输入材料,减少每次重新说明背景的成本。"},{"title":"输出可交付结果","desc":"适合生成分析结果、执行步骤、代码修改建议或可复制的内容草稿。"}]
输入说明
需求描述、项目文件、参考资料、截图或用户指定的执行规则。
输出说明
分析结果、执行步骤、生成内容、代码修改或可复制的交付文档。
示例提示词
["使用 claude_skills 帮我处理这个任务","调用 claude_skills,按当前项目规则给出执行方案","用 claude_skills 生成一版可以直接交付的结果"]
安装命令
codex skill add labnow/claude_skills