用 Cursor Rules 实现「接口调用层生成」：.mdc 规则写法与示例
在Cursor Rules上实现接口调用层生成技能：根据接口文档生成带类型的前端请求函数。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
接口调用层生成 Skill 快速开始：最少步骤跑通一次
10 分钟跑通接口调用层生成 Skill：准备材料、写最小指令、放进工具、运行一次、修正一处，附可复制的最小指令模板。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →在 AGENTS.md 里写「前端组件测试」技能：通用编码智能体都能用
在AGENTS.md上实现前端组件测试技能：为组件编写交互测试。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →「PWA 配置」Skill 极简版与进阶版：怎么选、怎么升级
PWA 配置 Skill 的极简版与进阶版对比：五行提示词与完整技能包各自适合什么情况，什么时候该升级，附示例与对比表。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →10 分钟上手「无障碍修复」Skill：从零到第一次跑通
10 分钟跑通无障碍修复 Skill：准备材料、写最小指令、放进工具、运行一次、修正一处，附可复制的最小指令模板。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →「组件生成」Skill 组合用法：和相关技能串成流水线
把组件生成 Skill 与相关技能串成流水线：组合顺序、交接格式、三种编排方式与示意编排指令，以及链式使用的注意事项。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →n8n 实战：自动化执行PWA 配置的智能体流程
在n8n AI Agent上实现PWA 配置技能：为站点添加离线缓存与安装能力。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →「表单校验」Skill 场景实录：一次完整任务怎么跑
用一个虚构场景完整演示表单校验 Skill 的运行：从发出请求、技能触发、逐步执行到交付复核，并复盘可改进之处。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →用 n8n AI Agent 实现「邮件 HTML 模板」：流程搭建与工具配置
在n8n AI Agent上实现邮件 HTML 模板技能：生成兼容主流邮箱客户端的 HTML 邮件模板。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →把「邮件 HTML 模板」做成 Claude Code Skill：SKILL.md 写法与上手
在Claude Code Skill上实现邮件 HTML 模板技能：生成兼容主流邮箱客户端的 HTML 邮件模板。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →打包体积分析 Skill 快速开始：最少步骤跑通一次
10 分钟跑通打包体积分析 Skill：准备材料、写最小指令、放进工具、运行一次、修正一处，附可复制的最小指令模板。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →设计稿转代码 Skill 团队落地指南：从个人用到全员共享
在团队中推广设计稿转代码 Skill：统一存放位置、版本与变更记录、评审规则、培训说明、反馈收集与分阶段推广节奏。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →