MCP 实战：用工具和提示模板封装深色模式适配
在MCP 服务上实现深色模式适配技能：为现有界面增加深色模式样式。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
用 Dify 工作流实现「响应式检查」：节点设计与搭建步骤
在Dify 工作流上实现响应式检查技能：检查页面在不同屏幕宽度下的布局问题。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →n8n 实战：自动化执行打包体积分析的智能体流程
在n8n AI Agent上实现打包体积分析技能：分析打包产物，找出过大依赖与重复打包。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →组件生成 Skill 两种写法对比：五行提示词还是完整技能包
组件生成 Skill 的极简版与进阶版对比：五行提示词与完整技能包各自适合什么情况，什么时候该升级，附示例与对比表。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →怎么评估「图标规范整理」Skill 好不好用：评分表与回归测试
评估图标规范整理 Skill 是否好用：建立样例集，按完整性、准确性、流程遵循、边界处理与可用性打分，并做回归测试。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →用 Cursor Rules 实现「页面元信息检查」：.mdc 规则写法与示例
在Cursor Rules上实现页面元信息检查技能：检查页面标题、描述、结构化数据是否完整。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →在团队推广「多语言排版检查」Skill：版本、评审与维护
在团队中推广多语言排版检查 Skill：统一存放位置、版本与变更记录、评审规则、培训说明、反馈收集与分阶段推广节奏。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →Agents SDK 实战：几十行代码做一个表单校验智能体
在OpenAI Agents SDK上实现表单校验技能：为表单生成前后端一致的校验规则与错误提示。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →n8n 实战：自动化执行表单校验的智能体流程
在n8n AI Agent上实现表单校验技能：为表单生成前后端一致的校验规则与错误提示。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →前端组件测试 Skill 团队落地指南：从个人用到全员共享
在团队中推广前端组件测试 Skill：统一存放位置、版本与变更记录、评审规则、培训说明、反馈收集与分阶段推广节奏。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →响应式检查 Skill 上线前的安全检查要点
响应式检查 Skill 的安全审查要点：最小权限、敏感数据、提示注入、输出复核与审计记录，附上线前安全检查清单。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →用 GPTs 实现「浏览器兼容检查」：指令、知识与 Actions
在GPTs上实现浏览器兼容检查技能：检查代码中使用的特性在目标浏览器的支持情况。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →