在 AGENTS.md 里写「页面性能优化」技能：通用编码智能体都能用
在AGENTS.md上实现页面性能优化技能：针对加载与交互性能指标给出优化方案。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
「设计变量同步」Skill 常见问题解答
关于设计变量同步智能体 Skill 的 8 个常见问题：和提示词的区别、是否需要编程、平台怎么选、输出能否直接用、数据安全等。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →用 Cline Rules 实现「前端错误兜底」：规则文件写法
在Cline Rules上实现前端错误兜底技能：为页面添加错误边界与友好的出错提示。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →用 LangGraph 实现「图标规范整理」：工具定义与智能体代码
在LangChain / LangGraph 工具上实现图标规范整理技能：统一项目中的图标来源、尺寸与命名。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →用 Cursor Rules 实现「打包体积分析」：.mdc 规则写法与示例
在Cursor Rules上实现打包体积分析技能：分析打包产物，找出过大依赖与重复打包。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →「深色模式适配」智能体 Skill 是什么：能做什么、适合谁、怎么开始
介绍深色模式适配智能体 Skill：它能为现有界面增加深色模式样式，适合哪些人、不适合哪些场景，可在哪些平台实现，以及从提示词到技能包的上手路径。适用于前端工程师的日常工作。
阅读全文 →在团队推广「页面性能优化」Skill：版本、评审与维护
在团队中推广页面性能优化 Skill：统一存放位置、版本与变更记录、评审规则、培训说明、反馈收集与分阶段推广节奏。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →「样式清理」智能体 Skill 是什么：能做什么、适合谁、怎么开始
介绍样式清理智能体 Skill：它能找出未使用和重复的样式规则，适合哪些人、不适合哪些场景，可在哪些平台实现，以及从提示词到技能包的上手路径。适用于前端工程师的日常工作。
阅读全文 →用 Dify 工作流实现「前端错误兜底」：节点设计与搭建步骤
在Dify 工作流上实现前端错误兜底技能：为页面添加错误边界与友好的出错提示。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →把「多语言排版检查」做成 Claude Code Skill：SKILL.md 写法与上手
在Claude Code Skill上实现多语言排版检查技能：检查长文本语言下的截断与换行问题。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →表单校验 Skill 介绍：让智能体按固定流程完成任务
介绍表单校验智能体 Skill：它能为表单生成前后端一致的校验规则与错误提示，适合哪些人、不适合哪些场景，可在哪些平台实现，以及从提示词到技能包的上手路径。适用于前端工程师的日常工作。
阅读全文 →状态管理重构 Skill 避坑指南：写法、权限与输出问题
把状态管理重构做成智能体 Skill 时最常见的 8 个坑：描述太空、步骤太粗、没有格式、权限过大等，每条都给出具体改法。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →