用扣子（Coze）实现「设计变量同步」：人设、工作流与发布
在扣子（Coze）智能体与工作流上实现设计变量同步技能：把设计稿中的颜色、字号整理为设计变量。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
用 Function Calling 实现「组件文档编写」：函数定义与调用流程
在Function Calling上实现组件文档编写技能：为组件编写 Storybook 示例与说明。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →按团队需求定制「打包体积分析」Skill：可调参数与改写示例
按团队需求定制打包体积分析 Skill：输出格式、详略、语气、严格程度与步骤怎么调，附 description 与步骤的改写示例。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →「图标规范整理」Skill 使用检查清单：用前、用中、用后
图标规范整理 Skill 一页检查清单：编写时、上线前、每次使用时与使用后的检查项，以及每一步的快速核对。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →接口调用层生成 Skill 上线前的安全检查要点
接口调用层生成 Skill 的安全审查要点：最小权限、敏感数据、提示注入、输出复核与审计记录，附上线前安全检查清单。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →在团队推广「状态管理重构」Skill：版本、评审与维护
在团队中推广状态管理重构 Skill：统一存放位置、版本与变更记录、评审规则、培训说明、反馈收集与分阶段推广节奏。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →怎么评估「组件生成」Skill 好不好用：评分表与回归测试
评估组件生成 Skill 是否好用：建立样例集，按完整性、准确性、流程遵循、边界处理与可用性打分，并做回归测试。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →AGENTS.md 小节实战：把响应式检查变成团队共享流程
在AGENTS.md上实现响应式检查技能：检查页面在不同屏幕宽度下的布局问题。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →组件文档编写 Skill 介绍：让智能体按固定流程完成任务
介绍组件文档编写智能体 Skill：它能为组件编写 Storybook 示例与说明，适合哪些人、不适合哪些场景，可在哪些平台实现，以及从提示词到技能包的上手路径。
阅读全文 →用 Windsurf Rules 实现「组件生成」：规则与激活方式
在Windsurf Rules上实现组件生成技能：按设计说明与现有组件库风格生成新组件。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →在 Claude 应用里启用「页面结构说明」Skill：打包、上传与使用
在Claude 应用中的 Skills上实现页面结构说明技能：为前端页面生成结构说明，便于新人理解。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →图表组件 Skill 测试清单：正常、边界与越界输入
为图表组件 Skill 设计 6 类测试输入：正常、缺信息、矛盾、超长、提示注入与越权请求，附预期行为、检查点与判定标准。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →