浏览器兼容检查 Skill 介绍：让智能体按固定流程完成任务
介绍浏览器兼容检查智能体 Skill：它能检查代码中使用的特性在目标浏览器的支持情况，适合哪些人、不适合哪些场景，可在哪些平台实现，以及从提示词到技能包的上手路径。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
页面元信息检查 Skill 如何与其他技能协作：交接格式与顺序
把页面元信息检查 Skill 与相关技能串成流水线：组合顺序、交接格式、三种编排方式与示意编排指令，以及链式使用的注意事项。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →用 Windsurf Rules 实现「前端组件测试」：规则与激活方式
在Windsurf Rules上实现前端组件测试技能：为组件编写交互测试。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →页面结构说明 Skill 避坑指南：写法、权限与输出问题
把页面结构说明做成智能体 Skill 时最常见的 8 个坑：描述太空、步骤太粗、没有格式、权限过大等，每条都给出具体改法。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →GitHub Copilot 提示文件实现「响应式检查」：写法与调用
在GitHub Copilot 指令与提示文件上实现响应式检查技能：检查页面在不同屏幕宽度下的布局问题。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →Dify 实战：把组件生成做成团队可用的应用
在Dify 工作流上实现组件生成技能：按设计说明与现有组件库风格生成新组件。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →「多语言排版检查」Skill 安全审查：权限、数据与提示注入
多语言排版检查 Skill 的安全审查要点：最小权限、敏感数据、提示注入、输出复核与审计记录，附上线前安全检查清单。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →组件文档编写 Skill 上线前的安全检查要点
组件文档编写 Skill 的安全审查要点：最小权限、敏感数据、提示注入、输出复核与审计记录，附上线前安全检查清单。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →页面结构说明 通用提示词模板：任何对话助手都能直接用
没有智能体平台也能用的页面结构说明提示词：角色、任务、输入、步骤、输出与约束齐全，可直接复制到任意对话助手中使用。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →关于 页面元信息检查 Skill 的 8 个常见问题
关于页面元信息检查智能体 Skill 的 8 个常见问题：和提示词的区别、是否需要编程、平台怎么选、输出能否直接用、数据安全等。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →多语言排版检查 Skill 避坑指南：写法、权限与输出问题
把多语言排版检查做成智能体 Skill 时最常见的 8 个坑：描述太空、步骤太粗、没有格式、权限过大等，每条都给出具体改法。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →「图标规范整理」Skill 安全审查：权限、数据与提示注入
图标规范整理 Skill 的安全审查要点：最小权限、敏感数据、提示注入、输出复核与审计记录，附上线前安全检查清单。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →