Cline 规则实战：让智能体稳定完成设计稿转代码
在Cline Rules上实现设计稿转代码技能：根据设计稿截图或标注生成页面结构代码。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →标签：设计稿转代码
设计稿转代码智能体 Skill 专题：32 篇，根据设计稿截图或标注生成页面结构代码。含 16 个平台版本与介绍、SKILL.md、测试、安全、组合、定制等角度。
设计稿转代码智能体 Skill 专题：32 篇，根据设计稿截图或标注生成页面结构代码。含 16 个平台版本与介绍、SKILL.md、测试、安全、组合、定制等角度。
用 Windsurf Rules 实现「设计稿转代码」：规则与激活方式
在Windsurf Rules上实现设计稿转代码技能：根据设计稿截图或标注生成页面结构代码。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →把「设计稿转代码」写成 MCP 服务：工具定义与客户端配置
在MCP 服务上实现设计稿转代码技能：根据设计稿截图或标注生成页面结构代码。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →设计稿转代码 Skill 定制指南：改风格、改阈值、改输出格式
按团队需求定制设计稿转代码 Skill：输出格式、详略、语气、严格程度与步骤怎么调，附 description 与步骤的改写示例。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →用 Cursor Rules 实现「设计稿转代码」：.mdc 规则写法与示例
在Cursor Rules上实现设计稿转代码技能：根据设计稿截图或标注生成页面结构代码。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →「设计稿转代码」Skill 场景实录：一次完整任务怎么跑
用一个虚构场景完整演示设计稿转代码 Skill 的运行：从发出请求、技能触发、逐步执行到交付复核，并复盘可改进之处。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →关于 设计稿转代码 Skill 的 8 个常见问题
关于设计稿转代码智能体 Skill 的 8 个常见问题：和提示词的区别、是否需要编程、平台怎么选、输出能否直接用、数据安全等。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →用 Dify 工作流实现「设计稿转代码」：节点设计与搭建步骤
在Dify 工作流上实现设计稿转代码技能：根据设计稿截图或标注生成页面结构代码。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →设计稿转代码 Skill 团队落地指南：从个人用到全员共享
在团队中推广设计稿转代码 Skill：统一存放位置、版本与变更记录、评审规则、培训说明、反馈收集与分阶段推广节奏。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →用 Function Calling 实现「设计稿转代码」：函数定义与调用流程
在Function Calling上实现设计稿转代码技能：根据设计稿截图或标注生成页面结构代码。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →GPTs 实战：做一个专门设计稿转代码的定制助手
在GPTs上实现设计稿转代码技能：根据设计稿截图或标注生成页面结构代码。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →设计稿转代码 Skill 如何与其他技能协作：交接格式与顺序
把设计稿转代码 Skill 与相关技能串成流水线：组合顺序、交接格式、三种编排方式与示意编排指令，以及链式使用的注意事项。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →