用 Function Calling 实现「组件生成」：函数定义与调用流程
在Function Calling上实现组件生成技能：按设计说明与现有组件库风格生成新组件。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
「页面性能优化」Skill 常见坑：8 个问题与改法
把页面性能优化做成智能体 Skill 时最常见的 8 个坑：描述太空、步骤太粗、没有格式、权限过大等，每条都给出具体改法。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →把「响应式检查」写成 MCP 服务：工具定义与客户端配置
在MCP 服务上实现响应式检查技能：检查页面在不同屏幕宽度下的布局问题。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →GPTs 实战：做一个专门深色模式适配的定制助手
在GPTs上实现深色模式适配技能：为现有界面增加深色模式样式。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →页面性能优化 Skill 介绍：让智能体按固定流程完成任务
介绍页面性能优化智能体 Skill：它能针对加载与交互性能指标给出优化方案，适合哪些人、不适合哪些场景，可在哪些平台实现，以及从提示词到技能包的上手路径。适用于前端工程师的日常工作。
阅读全文 →「组件文档编写」Skill 常见问题解答
关于组件文档编写智能体 Skill 的 8 个常见问题：和提示词的区别、是否需要编程、平台怎么选、输出能否直接用、数据安全等。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →Agents SDK 实战：几十行代码做一个浏览器兼容检查智能体
在OpenAI Agents SDK上实现浏览器兼容检查技能：检查代码中使用的特性在目标浏览器的支持情况。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →在 Claude 应用里启用「落地页搭建」Skill：打包、上传与使用
在Claude 应用中的 Skills上实现落地页搭建技能：根据文案与卖点生成单页落地页代码。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →用 GPTs 实现「组件生成」：指令、知识与 Actions
在GPTs上实现组件生成技能：按设计说明与现有组件库风格生成新组件。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →Claude Code Skill 实战：浏览器兼容检查的目录结构与示例
在Claude Code Skill上实现浏览器兼容检查技能：检查代码中使用的特性在目标浏览器的支持情况。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →关于 表单校验 Skill 的 8 个常见问题
关于表单校验智能体 Skill 的 8 个常见问题：和提示词的区别、是否需要编程、平台怎么选、输出能否直接用、数据安全等。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →10 分钟上手「设计稿转代码」Skill：从零到第一次跑通
10 分钟跑通设计稿转代码 Skill：准备材料、写最小指令、放进工具、运行一次、修正一处，附可复制的最小指令模板。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →