浏览器兼容检查 Skill 实战演练：从请求到交付的全过程
用一个虚构场景完整演示浏览器兼容检查 Skill 的运行：从发出请求、技能触发、逐步执行到交付复核，并复盘可改进之处。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
在 AGENTS.md 里写「状态管理重构」技能：通用编码智能体都能用
在AGENTS.md上实现状态管理重构技能：梳理组件状态，减少不必要的全局状态。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →用 OpenAI Agents SDK 实现「页面结构说明」：工具与智能体代码
在OpenAI Agents SDK上实现页面结构说明技能：为前端页面生成结构说明，便于新人理解。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →样式清理 Skill 效果评估方法：样例集、评分维度与迭代
评估样式清理 Skill 是否好用：建立样例集，按完整性、准确性、流程遵循、边界处理与可用性打分，并做回归测试。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →用 Cline Rules 实现「样式清理」：规则文件写法
在Cline Rules上实现样式清理技能：找出未使用和重复的样式规则。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →「落地页搭建」智能体 Skill 是什么：能做什么、适合谁、怎么开始
介绍落地页搭建智能体 Skill：它能根据文案与卖点生成单页落地页代码，适合哪些人、不适合哪些场景，可在哪些平台实现，以及从提示词到技能包的上手路径。适用于前端工程师的日常工作。
阅读全文 →「表单校验」Skill 使用检查清单：用前、用中、用后
表单校验 Skill 一页检查清单：编写时、上线前、每次使用时与使用后的检查项，以及每一步的快速核对。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →「界面微文案」Skill 安全审查：权限、数据与提示注入
界面微文案 Skill 的安全审查要点：最小权限、敏感数据、提示注入、输出复核与审计记录，附上线前安全检查清单。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →Copilot 自定义指令实战：打包体积分析的 prompt.md 示例
在GitHub Copilot 指令与提示文件上实现打包体积分析技能：分析打包产物，找出过大依赖与重复打包。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →Dify 实战：把深色模式适配做成团队可用的应用
在Dify 工作流上实现深色模式适配技能：为现有界面增加深色模式样式。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →Agents SDK 实战：几十行代码做一个接口调用层生成智能体
在OpenAI Agents SDK上实现接口调用层生成技能：根据接口文档生成带类型的前端请求函数。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →「设计变量同步」Skill 安全审查：权限、数据与提示注入
设计变量同步 Skill 的安全审查要点：最小权限、敏感数据、提示注入、输出复核与审计记录，附上线前安全检查清单。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →