「深色模式适配」Skill 极简版与进阶版：怎么选、怎么升级
深色模式适配 Skill 的极简版与进阶版对比：五行提示词与完整技能包各自适合什么情况，什么时候该升级，附示例与对比表。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
MCP 实战：用工具和提示模板封装页面元信息检查
在MCP 服务上实现页面元信息检查技能：检查页面标题、描述、结构化数据是否完整。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →在 Claude 应用里启用「图标规范整理」Skill：打包、上传与使用
在Claude 应用中的 Skills上实现图标规范整理技能：统一项目中的图标来源、尺寸与命名。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →多语言排版检查 Skill 两种写法对比：五行提示词还是完整技能包
多语言排版检查 Skill 的极简版与进阶版对比：五行提示词与完整技能包各自适合什么情况，什么时候该升级，附示例与对比表。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →用 Cline Rules 实现「PWA 配置」：规则文件写法
在Cline Rules上实现PWA 配置技能：为站点添加离线缓存与安装能力。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →表单校验 Skill 团队落地指南：从个人用到全员共享
在团队中推广表单校验 Skill：统一存放位置、版本与变更记录、评审规则、培训说明、反馈收集与分阶段推广节奏。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →没有智能体平台也能用：「组件文档编写」纯提示词版本
没有智能体平台也能用的组件文档编写提示词：角色、任务、输入、步骤、输出与约束齐全，可直接复制到任意对话助手中使用。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →Dify 实战：把设计变量同步做成团队可用的应用
在Dify 工作流上实现设计变量同步技能：把设计稿中的颜色、字号整理为设计变量。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →用 Windsurf Rules 实现「设计变量同步」：规则与激活方式
在Windsurf Rules上实现设计变量同步技能：把设计稿中的颜色、字号整理为设计变量。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →Windsurf 规则实战：Cascade 如何做PWA 配置
在Windsurf Rules上实现PWA 配置技能：为站点添加离线缓存与安装能力。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →「前端组件测试」Skill 不生效怎么办：症状、原因与排查步骤
前端组件测试 Skill 不触发、误触发、跳步骤、格式不稳、内容编造或工具失败时怎么办：症状对照表与排查顺序。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →样式清理 Skill 快速开始：最少步骤跑通一次
10 分钟跑通样式清理 Skill：准备材料、写最小指令、放进工具、运行一次、修正一处，附可复制的最小指令模板。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →