设计稿转代码 Skill 介绍：让智能体按固定流程完成任务
介绍设计稿转代码智能体 Skill：它能根据设计稿截图或标注生成页面结构代码，适合哪些人、不适合哪些场景，可在哪些平台实现，以及从提示词到技能包的上手路径。适用于前端工程师的日常工作。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端错误兜底 Skill 介绍：让智能体按固定流程完成任务
介绍前端错误兜底智能体 Skill：它能为页面添加错误边界与友好的出错提示，适合哪些人、不适合哪些场景，可在哪些平台实现，以及从提示词到技能包的上手路径。适用于前端工程师的日常工作。
阅读全文 →按团队需求定制「设计变量同步」Skill：可调参数与改写示例
按团队需求定制设计变量同步 Skill：输出格式、详略、语气、严格程度与步骤怎么调，附 description 与步骤的改写示例。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →页面元信息检查 Skill 一页检查清单
页面元信息检查 Skill 一页检查清单：编写时、上线前、每次使用时与使用后的检查项，以及每一步的快速核对。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →在 Claude 应用里启用「PWA 配置」Skill：打包、上传与使用
在Claude 应用中的 Skills上实现PWA 配置技能：为站点添加离线缓存与安装能力。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →「页面元信息检查」智能体 Skill 是什么：能做什么、适合谁、怎么开始
介绍页面元信息检查智能体 Skill：它能检查页面标题、描述、结构化数据是否完整，适合哪些人、不适合哪些场景，可在哪些平台实现，以及从提示词到技能包的上手路径。
阅读全文 →在 Claude 应用里启用「设计变量同步」Skill：打包、上传与使用
在Claude 应用中的 Skills上实现设计变量同步技能：把设计稿中的颜色、字号整理为设计变量。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →LangChain 工具实战：把页面元信息检查变成可调用的智能体
在LangChain / LangGraph 工具上实现页面元信息检查技能：检查页面标题、描述、结构化数据是否完整。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →Cline 规则实战：让智能体稳定完成多语言排版检查
在Cline Rules上实现多语言排版检查技能：检查长文本语言下的截断与换行问题。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →「落地页搭建」Skill 极简版与进阶版：怎么选、怎么升级
落地页搭建 Skill 的极简版与进阶版对比：五行提示词与完整技能包各自适合什么情况，什么时候该升级，附示例与对比表。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →用 Cline Rules 实现「打包体积分析」：规则文件写法
在Cline Rules上实现打包体积分析技能：分析打包产物，找出过大依赖与重复打包。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →「PWA 配置」Skill 场景实录：一次完整任务怎么跑
用一个虚构场景完整演示PWA 配置 Skill 的运行：从发出请求、技能触发、逐步执行到交付复核，并复盘可改进之处。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →