「邮件 HTML 模板」Skill 组合用法：和相关技能串成流水线
把邮件 HTML 模板 Skill 与相关技能串成流水线：组合顺序、交接格式、三种编排方式与示意编排指令，以及链式使用的注意事项。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
「界面微文案」Skill 极简版与进阶版：怎么选、怎么升级
界面微文案 Skill 的极简版与进阶版对比：五行提示词与完整技能包各自适合什么情况，什么时候该升级，附示例与对比表。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →「样式清理」Skill 极简版与进阶版：怎么选、怎么升级
样式清理 Skill 的极简版与进阶版对比：五行提示词与完整技能包各自适合什么情况，什么时候该升级，附示例与对比表。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →Cline 规则实战：让智能体稳定完成页面元信息检查
在Cline Rules上实现页面元信息检查技能：检查页面标题、描述、结构化数据是否完整。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →浏览器兼容检查 Skill 快速开始：最少步骤跑通一次
10 分钟跑通浏览器兼容检查 Skill：准备材料、写最小指令、放进工具、运行一次、修正一处，附可复制的最小指令模板。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →深色模式适配 Skill 团队落地指南：从个人用到全员共享
在团队中推广深色模式适配 Skill：统一存放位置、版本与变更记录、评审规则、培训说明、反馈收集与分阶段推广节奏。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →用 OpenAI Agents SDK 实现「页面元信息检查」：工具与智能体代码
在OpenAI Agents SDK上实现页面元信息检查技能：检查页面标题、描述、结构化数据是否完整。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →「页面结构说明」Skill 安全审查：权限、数据与提示注入
页面结构说明 Skill 的安全审查要点：最小权限、敏感数据、提示注入、输出复核与审计记录，附上线前安全检查清单。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →Windsurf 规则实战：Cascade 如何做多语言排版检查
在Windsurf Rules上实现多语言排版检查技能：检查长文本语言下的截断与换行问题。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →10 分钟上手「前端错误兜底」Skill：从零到第一次跑通
10 分钟跑通前端错误兜底 Skill：准备材料、写最小指令、放进工具、运行一次、修正一处，附可复制的最小指令模板。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →扣子工作流实战：搭一个设计稿转代码智能体
在扣子（Coze）智能体与工作流上实现设计稿转代码技能：根据设计稿截图或标注生成页面结构代码。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →深色模式适配 Skill 的 SKILL.md 模板与写作要点
以深色模式适配为例逐段讲解 SKILL.md：name、description 怎么写才能被正确触发，步骤、输出与约束如何组织，附完整示例与目录结构。适用于前端工程师的日常工作。
阅读全文 →