Copilot 自定义指令实战：图表组件的 prompt.md 示例
在GitHub Copilot 指令与提示文件上实现图表组件技能：根据数据结构生成可复用的图表组件。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
Copilot 自定义指令实战：浏览器兼容检查的 prompt.md 示例
在GitHub Copilot 指令与提示文件上实现浏览器兼容检查技能：检查代码中使用的特性在目标浏览器的支持情况。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →表单校验 Skill 故障排查：不触发、格式乱、结果不准
表单校验 Skill 不触发、误触发、跳步骤、格式不稳、内容编造或工具失败时怎么办：症状对照表与排查顺序。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →Function Calling 实战：给表单校验设计 JSON Schema
在Function Calling上实现表单校验技能：为表单生成前后端一致的校验规则与错误提示。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →在 AGENTS.md 里写「浏览器兼容检查」技能：通用编码智能体都能用
在AGENTS.md上实现浏览器兼容检查技能：检查代码中使用的特性在目标浏览器的支持情况。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →Cursor 项目规则实战：让 Agent 按流程做多语言排版检查
在Cursor Rules上实现多语言排版检查技能：检查长文本语言下的截断与换行问题。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →响应式检查 Skill 介绍：让智能体按固定流程完成任务
介绍响应式检查智能体 Skill：它能检查页面在不同屏幕宽度下的布局问题，适合哪些人、不适合哪些场景，可在哪些平台实现，以及从提示词到技能包的上手路径。适用于前端工程师的日常工作。
阅读全文 →用扣子（Coze）实现「页面结构说明」：人设、工作流与发布
在扣子（Coze）智能体与工作流上实现页面结构说明技能：为前端页面生成结构说明，便于新人理解。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →MCP 实战：用工具和提示模板封装无障碍修复
在MCP 服务上实现无障碍修复技能：修复页面中的标签缺失、对比度与键盘可达问题。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →GPTs 实战：做一个专门响应式检查的定制助手
在GPTs上实现响应式检查技能：检查页面在不同屏幕宽度下的布局问题。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →Function Calling 实战：给打包体积分析设计 JSON Schema
在Function Calling上实现打包体积分析技能：分析打包产物，找出过大依赖与重复打包。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →多语言排版检查 Skill 快速开始：最少步骤跑通一次
10 分钟跑通多语言排版检查 Skill：准备材料、写最小指令、放进工具、运行一次、修正一处，附可复制的最小指令模板。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →