Function Calling 实战：给浏览器兼容检查设计 JSON Schema
在Function Calling上实现浏览器兼容检查技能：检查代码中使用的特性在目标浏览器的支持情况。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
用 Dify 工作流实现「无障碍修复」：节点设计与搭建步骤
在Dify 工作流上实现无障碍修复技能：修复页面中的标签缺失、对比度与键盘可达问题。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →「组件生成」智能体 Skill 是什么：能做什么、适合谁、怎么开始
介绍组件生成智能体 Skill：它能按设计说明与现有组件库风格生成新组件，适合哪些人、不适合哪些场景，可在哪些平台实现，以及从提示词到技能包的上手路径。适用于前端工程师的日常工作。
阅读全文 →Windsurf 规则实战：Cascade 如何做前端错误兜底
在Windsurf Rules上实现前端错误兜底技能：为页面添加错误边界与友好的出错提示。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →邮件 HTML 模板 Skill 避坑指南：写法、权限与输出问题
把邮件 HTML 模板做成智能体 Skill 时最常见的 8 个坑：描述太空、步骤太粗、没有格式、权限过大等，每条都给出具体改法。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →Gemini CLI 自定义命令实现「设计变量同步」：TOML 写法与用法
在Gemini CLI上实现设计变量同步技能：把设计稿中的颜色、字号整理为设计变量。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →表单校验 Skill 上线前的安全检查要点
表单校验 Skill 的安全审查要点：最小权限、敏感数据、提示注入、输出复核与审计记录，附上线前安全检查清单。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →接口调用层生成 Skill 介绍：让智能体按固定流程完成任务
介绍接口调用层生成智能体 Skill：它能根据接口文档生成带类型的前端请求函数，适合哪些人、不适合哪些场景，可在哪些平台实现，以及从提示词到技能包的上手路径。适用于前端工程师的日常工作。
阅读全文 →在团队推广「打包体积分析」Skill：版本、评审与维护
在团队中推广打包体积分析 Skill：统一存放位置、版本与变更记录、评审规则、培训说明、反馈收集与分阶段推广节奏。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →Claude Code Skill 实战：深色模式适配的目录结构与示例
在Claude Code Skill上实现深色模式适配技能：为现有界面增加深色模式样式。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →页面结构说明 Skill 如何与其他技能协作：交接格式与顺序
把页面结构说明 Skill 与相关技能串成流水线：组合顺序、交接格式、三种编排方式与示意编排指令，以及链式使用的注意事项。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →在 Claude 应用里启用「表单校验」Skill：打包、上传与使用
在Claude 应用中的 Skills上实现表单校验技能：为表单生成前后端一致的校验规则与错误提示。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →