visual-to-code-pipeline
这个技能能把设计DNA文件一键变成可部署的代码，就像有个AI助理帮你把设计稿翻译成开发语言。它能自动生成CSS变量、Tailwind配置，还能根据你的品牌DNA创建精准的开发提示词，特别适合需要快速把设计转化为WordPress网站的创作者。
功能简介
这个技能能把设计DNA文件一键变成可部署的代码，就像有个AI助理帮你把设计稿翻译成开发语言。它能自动生成CSS变量、Tailwind配置，还能根据你的品牌DNA创建精准的开发提示词，特别适合需要快速把设计转化为WordPress网站的创作者。
适用能力
[{"title":"设计师的代码翻译官","desc":"省去设计师和开发者之间的反复沟通，让设计意图准确无误地转化为代码"},{"title":"复用项目上下文","desc":"结合已有文件、规则和输入材料，减少每次重新说明背景的成本。"},{"title":"输出可交付结果","desc":"适合生成分析结果、执行步骤、代码修改建议或可复制的内容草稿。"}]
输入说明
需求描述、项目文件、参考资料、截图或用户指定的执行规则。
输出说明
分析结果、执行步骤、生成内容、代码修改或可复制的交付文档。
示例提示词
["使用 visual-to-code-pipeline 帮我处理这个任务","调用 visual-to-code-pipeline，按当前项目规则给出执行方案","用 visual-to-code-pipeline 生成一版可以直接交付的结果"]
安装命令
codex skill add ncreighton/visual-to-code-pipeline