「接口调用层生成」的 SKILL.md 怎么写：逐段拆解与完整示例
以接口调用层生成为例逐段讲解 SKILL.md：name、description 怎么写才能被正确触发，步骤、输出与约束如何组织，附完整示例与目录结构。适用于前端工程师的日常工作。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
页面结构说明 Skill 的 SKILL.md 模板与写作要点
以页面结构说明为例逐段讲解 SKILL.md：name、description 怎么写才能被正确触发，步骤、输出与约束如何组织，附完整示例与目录结构。适用于前端工程师的日常工作。
阅读全文 →用 OpenAI Agents SDK 实现「多语言排版检查」：工具与智能体代码
在OpenAI Agents SDK上实现多语言排版检查技能：检查长文本语言下的截断与换行问题。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →页面性能优化 Skill 定制指南：改风格、改阈值、改输出格式
按团队需求定制页面性能优化 Skill：输出格式、详略、语气、严格程度与步骤怎么调，附 description 与步骤的改写示例。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →在团队推广「组件文档编写」Skill：版本、评审与维护
在团队中推广组件文档编写 Skill：统一存放位置、版本与变更记录、评审规则、培训说明、反馈收集与分阶段推广节奏。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →在 Claude 应用里启用「浏览器兼容检查」Skill：打包、上传与使用
在Claude 应用中的 Skills上实现浏览器兼容检查技能：检查代码中使用的特性在目标浏览器的支持情况。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →「浏览器兼容检查」的 SKILL.md 怎么写：逐段拆解与完整示例
以浏览器兼容检查为例逐段讲解 SKILL.md：name、description 怎么写才能被正确触发，步骤、输出与约束如何组织，附完整示例与目录结构。适用于前端工程师的日常工作。
阅读全文 →用 LangGraph 实现「表单校验」：工具定义与智能体代码
在LangChain / LangGraph 工具上实现表单校验技能：为表单生成前后端一致的校验规则与错误提示。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →没有智能体平台也能用：「落地页搭建」纯提示词版本
没有智能体平台也能用的落地页搭建提示词：角色、任务、输入、步骤、输出与约束齐全，可直接复制到任意对话助手中使用。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →用扣子（Coze）实现「PWA 配置」：人设、工作流与发布
在扣子（Coze）智能体与工作流上实现PWA 配置技能：为站点添加离线缓存与安装能力。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →Claude Code Skill 实战：设计稿转代码的目录结构与示例
在Claude Code Skill上实现设计稿转代码技能：根据设计稿截图或标注生成页面结构代码。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →n8n 实战：自动化执行界面微文案的智能体流程
在n8n AI Agent上实现界面微文案技能：为按钮、空状态、错误提示写清晰的界面文案。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →