「无障碍修复」Skill 常见坑：8 个问题与改法
把无障碍修复做成智能体 Skill 时最常见的 8 个坑：描述太空、步骤太粗、没有格式、权限过大等，每条都给出具体改法。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
在团队推广「样式清理」Skill：版本、评审与维护
在团队中推广样式清理 Skill：统一存放位置、版本与变更记录、评审规则、培训说明、反馈收集与分阶段推广节奏。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →用 n8n AI Agent 实现「多语言排版检查」：流程搭建与工具配置
在n8n AI Agent上实现多语言排版检查技能：检查长文本语言下的截断与换行问题。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →n8n 实战：自动化执行组件生成的智能体流程
在n8n AI Agent上实现组件生成技能：按设计说明与现有组件库风格生成新组件。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →Function Calling 实战：给设计变量同步设计 JSON Schema
在Function Calling上实现设计变量同步技能：把设计稿中的颜色、字号整理为设计变量。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →用 Function Calling 实现「前端组件测试」：函数定义与调用流程
在Function Calling上实现前端组件测试技能：为组件编写交互测试。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →Copilot 自定义指令实战：PWA 配置的 prompt.md 示例
在GitHub Copilot 指令与提示文件上实现PWA 配置技能：为站点添加离线缓存与安装能力。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →MCP 实战：用工具和提示模板封装样式清理
在MCP 服务上实现样式清理技能：找出未使用和重复的样式规则。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →Dify 实战：把界面微文案做成团队可用的应用
在Dify 工作流上实现界面微文案技能：为按钮、空状态、错误提示写清晰的界面文案。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →GPTs 实战：做一个专门PWA 配置的定制助手
在GPTs上实现PWA 配置技能：为站点添加离线缓存与安装能力。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →Windsurf 规则实战：Cascade 如何做浏览器兼容检查
在Windsurf Rules上实现浏览器兼容检查技能：检查代码中使用的特性在目标浏览器的支持情况。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →Windsurf 规则实战：Cascade 如何做图标规范整理
在Windsurf Rules上实现图标规范整理技能：统一项目中的图标来源、尺寸与命名。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →