用 Gemini CLI 做图标规范整理：命令文件与 GEMINI.md 配合
在Gemini CLI上实现图标规范整理技能：统一项目中的图标来源、尺寸与命名。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端错误兜底 Skill 避坑指南：写法、权限与输出问题
把前端错误兜底做成智能体 Skill 时最常见的 8 个坑：描述太空、步骤太粗、没有格式、权限过大等，每条都给出具体改法。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →Gemini CLI 自定义命令实现「浏览器兼容检查」：TOML 写法与用法
在Gemini CLI上实现浏览器兼容检查技能：检查代码中使用的特性在目标浏览器的支持情况。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →表单校验 Skill 如何与其他技能协作：交接格式与顺序
把表单校验 Skill 与相关技能串成流水线：组合顺序、交接格式、三种编排方式与示意编排指令，以及链式使用的注意事项。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →页面结构说明 Skill 团队落地指南：从个人用到全员共享
在团队中推广页面结构说明 Skill：统一存放位置、版本与变更记录、评审规则、培训说明、反馈收集与分阶段推广节奏。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →10 分钟上手「组件生成」Skill：从零到第一次跑通
10 分钟跑通组件生成 Skill：准备材料、写最小指令、放进工具、运行一次、修正一处，附可复制的最小指令模板。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →图标规范整理 Skill 两种写法对比：五行提示词还是完整技能包
图标规范整理 Skill 的极简版与进阶版对比：五行提示词与完整技能包各自适合什么情况，什么时候该升级，附示例与对比表。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →设计稿转代码 Skill 如何与其他技能协作：交接格式与顺序
把设计稿转代码 Skill 与相关技能串成流水线：组合顺序、交接格式、三种编排方式与示意编排指令，以及链式使用的注意事项。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →把「图表组件」做成 Claude Code Skill：SKILL.md 写法与上手
在Claude Code Skill上实现图表组件技能：根据数据结构生成可复用的图表组件。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →用 Cursor Rules 实现「落地页搭建」：.mdc 规则写法与示例
在Cursor Rules上实现落地页搭建技能：根据文案与卖点生成单页落地页代码。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →怎么评估「状态管理重构」Skill 好不好用：评分表与回归测试
评估状态管理重构 Skill 是否好用：建立样例集，按完整性、准确性、流程遵循、边界处理与可用性打分，并做回归测试。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →「页面性能优化」的 SKILL.md 怎么写：逐段拆解与完整示例
以页面性能优化为例逐段讲解 SKILL.md：name、description 怎么写才能被正确触发，步骤、输出与约束如何组织，附完整示例与目录结构。适用于前端工程师的日常工作。
阅读全文 →