用 Function Calling 实现「接口调用层生成」：函数定义与调用流程
在Function Calling上实现接口调用层生成技能：根据接口文档生成带类型的前端请求函数。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →标签：前端与界面
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
前端与界面领域的智能体 Skill 合集：25 个技能、800 篇，含 SKILL.md 写法、各平台配置示例、测试用例、安全审查与团队落地。
Cursor 项目规则实战：让 Agent 按流程做图标规范整理
在Cursor Rules上实现图标规范整理技能：统一项目中的图标来源、尺寸与命名。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →关于 设计稿转代码 Skill 的 8 个常见问题
关于设计稿转代码智能体 Skill 的 8 个常见问题：和提示词的区别、是否需要编程、平台怎么选、输出能否直接用、数据安全等。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →组件文档编写 Skill 测试清单：正常、边界与越界输入
为组件文档编写 Skill 设计 6 类测试输入：正常、缺信息、矛盾、超长、提示注入与越权请求，附预期行为、检查点与判定标准。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →设计变量同步 Skill 效果评估方法：样例集、评分维度与迭代
评估设计变量同步 Skill 是否好用：建立样例集，按完整性、准确性、流程遵循、边界处理与可用性打分，并做回归测试。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →图表组件 Skill 定制指南：改风格、改阈值、改输出格式
按团队需求定制图表组件 Skill：输出格式、详略、语气、严格程度与步骤怎么调，附 description 与步骤的改写示例。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →页面性能优化 通用提示词模板：任何对话助手都能直接用
没有智能体平台也能用的页面性能优化提示词：角色、任务、输入、步骤、输出与约束齐全，可直接复制到任意对话助手中使用。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →Cursor 项目规则实战：让 Agent 按流程做前端错误兜底
在Cursor Rules上实现前端错误兜底技能：为页面添加错误边界与友好的出错提示。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →在 Claude 应用里启用「响应式检查」Skill：打包、上传与使用
在Claude 应用中的 Skills上实现响应式检查技能：检查页面在不同屏幕宽度下的布局问题。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →用 Function Calling 实现「状态管理重构」：函数定义与调用流程
在Function Calling上实现状态管理重构技能：梳理组件状态，减少不必要的全局状态。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。
阅读全文 →AGENTS.md 小节实战：把图标规范整理变成团队共享流程
在AGENTS.md上实现图标规范整理技能：统一项目中的图标来源、尺寸与命名。本文给出示意配置、启用步骤、一次完整运行、测试方法与常见坑，适合前端工程师参考。文中配置为示意，入口与字段以官方文档为准。
阅读全文 →按团队需求定制「表单校验」Skill：可调参数与改写示例
按团队需求定制表单校验 Skill：输出格式、详略、语气、严格程度与步骤怎么调，附 description 与步骤的改写示例。适用于前端工程师的日常工作。示例均为示意，以平台官方文档为准。
阅读全文 →