「设计稿转代码」Skill 极简版与进阶版：怎么选、怎么升级
设计稿转代码 Skill 的极简版与进阶版对比：五行提示词与完整技能包各自适合什么情况，什么时候该升级，附示例与对比表。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
在 AGENTS.md 里写「页面元信息检查」技能：通用编码智能体都能用
在AGENTS.md上实现页面元信息检查技能：检查页面标题、描述、结构化数据是否完整。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →用 Function Calling 实现「深色模式适配」：函数定义与调用流程
在Function Calling上实现深色模式适配技能：为现有界面增加深色模式样式。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →「组件生成」Skill 使用检查清单：用前、用中、用后
组件生成 Skill 一页检查清单：编写时、上线前、每次使用时与使用后的检查项，以及每一步的快速核对。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →响应式检查 Skill 快速开始：最少步骤跑通一次
10 分钟跑通响应式检查 Skill：准备材料、写最小指令、放进工具、运行一次、修正一处，附可复制的最小指令模板。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →Copilot 自定义指令实战：表单校验的 prompt.md 示例
在GitHub Copilot 指令与提示文件上实现表单校验技能：为表单生成前后端一致的校验规则与错误提示。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →怎么评估「界面微文案」Skill 好不好用：评分表与回归测试
评估界面微文案 Skill 是否好用：建立样例集，按完整性、准确性、流程遵循、边界处理与可用性打分，并做回归测试。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →给「组件生成」Skill 写测试用例：6 类输入与预期行为
为组件生成 Skill 设计 6 类测试输入：正常、缺信息、矛盾、超长、提示注入与越权请求，附预期行为、检查点与判定标准。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →Claude Code Skill 实战：图标规范整理的目录结构与示例
在Claude Code Skill上实现图标规范整理技能：统一项目中的图标来源、尺寸与命名。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →n8n 实战：自动化执行前端组件测试的智能体流程
在n8n AI Agent上实现前端组件测试技能：为组件编写交互测试。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →用 Cursor Rules 实现「图表组件」：.mdc 规则写法与示例
在Cursor Rules上实现图表组件技能：根据数据结构生成可复用的图表组件。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →页面元信息检查 Skill 团队落地指南：从个人用到全员共享
在团队中推广页面元信息检查 Skill：统一存放位置、版本与变更记录、评审规则、培训说明、反馈收集与分阶段推广节奏。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →