用 Function Calling 实现「图表组件」：函数定义与调用流程
在Function Calling上实现图表组件技能：根据数据结构生成可复用的图表组件。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
Cursor 项目规则实战：让 Agent 按流程做邮件 HTML 模板
在Cursor Rules上实现邮件 HTML 模板技能：生成兼容主流邮箱客户端的 HTML 邮件模板。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →Claude Code Skill 实战：状态管理重构的目录结构与示例
在Claude Code Skill上实现状态管理重构技能：梳理组件状态，减少不必要的全局状态。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →给「页面元信息检查」Skill 写测试用例：6 类输入与预期行为
为页面元信息检查 Skill 设计 6 类测试输入：正常、缺信息、矛盾、超长、提示注入与越权请求，附预期行为、检查点与判定标准。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →「样式清理」Skill 常见坑：8 个问题与改法
把样式清理做成智能体 Skill 时最常见的 8 个坑：描述太空、步骤太粗、没有格式、权限过大等，每条都给出具体改法。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →组件文档编写 Skill 如何与其他技能协作：交接格式与顺序
把组件文档编写 Skill 与相关技能串成流水线：组合顺序、交接格式、三种编排方式与示意编排指令，以及链式使用的注意事项。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →按团队需求定制「页面结构说明」Skill：可调参数与改写示例
按团队需求定制页面结构说明 Skill：输出格式、详略、语气、严格程度与步骤怎么调，附 description 与步骤的改写示例。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →Windsurf 规则实战：Cascade 如何做状态管理重构
在Windsurf Rules上实现状态管理重构技能：梳理组件状态，减少不必要的全局状态。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →设计变量同步 Skill 实战演练：从请求到交付的全过程
用一个虚构场景完整演示设计变量同步 Skill 的运行：从发出请求、技能触发、逐步执行到交付复核，并复盘可改进之处。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →n8n 实战：自动化执行无障碍修复的智能体流程
在n8n AI Agent上实现无障碍修复技能：修复页面中的标签缺失、对比度与键盘可达问题。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →用扣子（Coze）实现「落地页搭建」：人设、工作流与发布
在扣子（Coze）智能体与工作流上实现落地页搭建技能：根据文案与卖点生成单页落地页代码。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →用扣子（Coze）实现「状态管理重构」：人设、工作流与发布
在扣子（Coze）智能体与工作流上实现状态管理重构技能：梳理组件状态，减少不必要的全局状态。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →