把「页面性能优化」写成 MCP 服务：工具定义与客户端配置
在MCP 服务上实现页面性能优化技能：针对加载与交互性能指标给出优化方案。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
按团队需求定制「深色模式适配」Skill：可调参数与改写示例
按团队需求定制深色模式适配 Skill：输出格式、详略、语气、严格程度与步骤怎么调，附 description 与步骤的改写示例。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →Copilot 自定义指令实战：状态管理重构的 prompt.md 示例
在GitHub Copilot 指令与提示文件上实现状态管理重构技能：梳理组件状态，减少不必要的全局状态。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →PWA 配置 Skill 如何与其他技能协作：交接格式与顺序
把PWA 配置 Skill 与相关技能串成流水线：组合顺序、交接格式、三种编排方式与示意编排指令，以及链式使用的注意事项。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →多语言排版检查 Skill 一页检查清单
多语言排版检查 Skill 一页检查清单：编写时、上线前、每次使用时与使用后的检查项，以及每一步的快速核对。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →GPTs 实战：做一个专门页面结构说明的定制助手
在GPTs上实现页面结构说明技能：为前端页面生成结构说明，便于新人理解。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →Copilot 自定义指令实战：邮件 HTML 模板的 prompt.md 示例
在GitHub Copilot 指令与提示文件上实现邮件 HTML 模板技能：生成兼容主流邮箱客户端的 HTML 邮件模板。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →「图标规范整理」Skill 场景实录：一次完整任务怎么跑
用一个虚构场景完整演示图标规范整理 Skill 的运行：从发出请求、技能触发、逐步执行到交付复核，并复盘可改进之处。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →「状态管理重构」Skill 场景实录：一次完整任务怎么跑
用一个虚构场景完整演示状态管理重构 Skill 的运行：从发出请求、技能触发、逐步执行到交付复核，并复盘可改进之处。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →图标规范整理 Skill 避坑指南：写法、权限与输出问题
把图标规范整理做成智能体 Skill 时最常见的 8 个坑：描述太空、步骤太粗、没有格式、权限过大等，每条都给出具体改法。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →把「浏览器兼容检查」写成 MCP 服务：工具定义与客户端配置
在MCP 服务上实现浏览器兼容检查技能：检查代码中使用的特性在目标浏览器的支持情况。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →Agents SDK 实战：几十行代码做一个页面性能优化智能体
在OpenAI Agents SDK上实现页面性能优化技能：针对加载与交互性能指标给出优化方案。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →