10 分钟上手「状态管理重构」Skill：从零到第一次跑通
10 分钟跑通状态管理重构 Skill：准备材料、写最小指令、放进工具、运行一次、修正一处，附可复制的最小指令模板。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
GitHub Copilot 提示文件实现「界面微文案」：写法与调用
在GitHub Copilot 指令与提示文件上实现界面微文案技能：为按钮、空状态、错误提示写清晰的界面文案。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →没有智能体平台也能用：「前端错误兜底」纯提示词版本
没有智能体平台也能用的前端错误兜底提示词：角色、任务、输入、步骤、输出与约束齐全，可直接复制到任意对话助手中使用。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →邮件 HTML 模板 Skill 的 SKILL.md 模板与写作要点
以邮件 HTML 模板为例逐段讲解 SKILL.md：name、description 怎么写才能被正确触发，步骤、输出与约束如何组织，附完整示例与目录结构。适用于前端工程师的日常工作。
阅读全文 →MCP 实战：用工具和提示模板封装设计变量同步
在MCP 服务上实现设计变量同步技能：把设计稿中的颜色、字号整理为设计变量。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →Agents SDK 实战：几十行代码做一个组件生成智能体
在OpenAI Agents SDK上实现组件生成技能：按设计说明与现有组件库风格生成新组件。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →Cline 规则实战：让智能体稳定完成无障碍修复
在Cline Rules上实现无障碍修复技能：修复页面中的标签缺失、对比度与键盘可达问题。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →PWA 配置 Skill 定制指南：改风格、改阈值、改输出格式
按团队需求定制PWA 配置 Skill：输出格式、详略、语气、严格程度与步骤怎么调，附 description 与步骤的改写示例。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →「前端错误兜底」Skill 不生效怎么办：症状、原因与排查步骤
前端错误兜底 Skill 不触发、误触发、跳步骤、格式不稳、内容编造或工具失败时怎么办：症状对照表与排查顺序。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →组件文档编写 Skill 故障排查：不触发、格式乱、结果不准
组件文档编写 Skill 不触发、误触发、跳步骤、格式不稳、内容编造或工具失败时怎么办：症状对照表与排查顺序。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →Agents SDK 实战：几十行代码做一个图表组件智能体
在OpenAI Agents SDK上实现图表组件技能：根据数据结构生成可复用的图表组件。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →用扣子（Coze）实现「页面元信息检查」：人设、工作流与发布
在扣子（Coze）智能体与工作流上实现页面元信息检查技能：检查页面标题、描述、结构化数据是否完整。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →