「图标规范整理」智能体 Skill 是什么：能做什么、适合谁、怎么开始
介绍图标规范整理智能体 Skill：它能统一项目中的图标来源、尺寸与命名，适合哪些人、不适合哪些场景，可在哪些平台实现，以及从提示词到技能包的上手路径。适用于前端工程师的日常工作。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
「组件文档编写」Skill 场景实录：一次完整任务怎么跑
用一个虚构场景完整演示组件文档编写 Skill 的运行：从发出请求、技能触发、逐步执行到交付复核，并复盘可改进之处。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →按团队需求定制「邮件 HTML 模板」Skill：可调参数与改写示例
按团队需求定制邮件 HTML 模板 Skill：输出格式、详略、语气、严格程度与步骤怎么调，附 description 与步骤的改写示例。适用于前端工程师的日常工作。
阅读全文 →Windsurf 规则实战：Cascade 如何做无障碍修复
在Windsurf Rules上实现无障碍修复技能：修复页面中的标签缺失、对比度与键盘可达问题。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →用 GPTs 实现「接口调用层生成」：指令、知识与 Actions
在GPTs上实现接口调用层生成技能：根据接口文档生成带类型的前端请求函数。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →LangChain 工具实战：把落地页搭建变成可调用的智能体
在LangChain / LangGraph 工具上实现落地页搭建技能：根据文案与卖点生成单页落地页代码。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →Agents SDK 实战：几十行代码做一个邮件 HTML 模板智能体
在OpenAI Agents SDK上实现邮件 HTML 模板技能：生成兼容主流邮箱客户端的 HTML 邮件模板。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →用 Function Calling 实现「响应式检查」：函数定义与调用流程
在Function Calling上实现响应式检查技能：检查页面在不同屏幕宽度下的布局问题。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →页面性能优化 Skill 上传到 Claude 应用的完整流程
在Claude 应用中的 Skills上实现页面性能优化技能：针对加载与交互性能指标给出优化方案。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →用 Cursor Rules 实现「组件生成」：.mdc 规则写法与示例
在Cursor Rules上实现组件生成技能：按设计说明与现有组件库风格生成新组件。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →多语言排版检查 Skill 效果评估方法：样例集、评分维度与迭代
评估多语言排版检查 Skill 是否好用：建立样例集，按完整性、准确性、流程遵循、边界处理与可用性打分，并做回归测试。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →「页面性能优化」Skill 场景实录：一次完整任务怎么跑
用一个虚构场景完整演示页面性能优化 Skill 的运行：从发出请求、技能触发、逐步执行到交付复核，并复盘可改进之处。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →