用 Dify 工作流实现「邮件 HTML 模板」：节点设计与搭建步骤
在Dify 工作流上实现邮件 HTML 模板技能：生成兼容主流邮箱客户端的 HTML 邮件模板。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
Dify 实战：把图表组件做成团队可用的应用
在Dify 工作流上实现图表组件技能：根据数据结构生成可复用的图表组件。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →n8n 实战：自动化执行页面元信息检查的智能体流程
在n8n AI Agent上实现页面元信息检查技能：检查页面标题、描述、结构化数据是否完整。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →「前端组件测试」Skill 常见坑：8 个问题与改法
把前端组件测试做成智能体 Skill 时最常见的 8 个坑：描述太空、步骤太粗、没有格式、权限过大等，每条都给出具体改法。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →响应式检查 Skill 团队落地指南：从个人用到全员共享
在团队中推广响应式检查 Skill：统一存放位置、版本与变更记录、评审规则、培训说明、反馈收集与分阶段推广节奏。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →打包体积分析 Skill 上传到 Claude 应用的完整流程
在Claude 应用中的 Skills上实现打包体积分析技能：分析打包产物，找出过大依赖与重复打包。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →用 GPTs 实现「打包体积分析」：指令、知识与 Actions
在GPTs上实现打包体积分析技能：分析打包产物，找出过大依赖与重复打包。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →MCP 实战：用工具和提示模板封装前端组件测试
在MCP 服务上实现前端组件测试技能：为组件编写交互测试。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →组件生成 Skill 上线前的安全检查要点
组件生成 Skill 的安全审查要点：最小权限、敏感数据、提示注入、输出复核与审计记录，附上线前安全检查清单。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →Function Calling 实战：给图标规范整理设计 JSON Schema
在Function Calling上实现图标规范整理技能：统一项目中的图标来源、尺寸与命名。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →「前端错误兜底」Skill 常见问题解答
关于前端错误兜底智能体 Skill 的 8 个常见问题：和提示词的区别、是否需要编程、平台怎么选、输出能否直接用、数据安全等。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →Copilot 自定义指令实战：设计稿转代码的 prompt.md 示例
在GitHub Copilot 指令与提示文件上实现设计稿转代码技能：根据设计稿截图或标注生成页面结构代码。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →