前端 Web 开发 精选AI Agent技能库
前端 Web 开发分类下的高质量技能
JSDoc 生成器
使用 AI 自动为导出的函数和类添加 JSDoc 或 TSDoc 注释。
E2E 测试生成器
将简单的自然语言流程描述自动转化为稳健的 Playwright 和 Cypress 端到端测试。
错误处理生成器
一个零配置的 CLI 工具，用于为现代 Web 应用程序生成特定于框架的错误处理中间件和自定义错误类。
表单生成器
一个 AI 驱动的命令行工具，可将自然语言描述转换为经过完全验证的 React 表单组件。
落地页生成器
一个精简的 Shell 工具，可将基础产品元数据转换为完整的移动端响应式 HTML 落地页。
懒加载建议器
一个由 AI 驱动的性能工具，通过分析组件使用情况来识别并建议适合懒加载的候选对象。
延时加载分析器
一款 AI 驱动的命令行工具，通过分析组件树来识别延时加载机会并优化初始页面加载性能。
MockAPI
MockAPI 是一款零配置的 CLI 工具，可将简单的 JSON 文件转换为具有 CRUD 操作、过滤和分页功能的全功能 REST API。
Next 配置生成器
根据项目特定的最佳实践，自动创建优化的 Next.js 配置文件。
脚本生成器 (script-gen)
一个 AI 驱动的命令行工具，根据自然语言描述为您的 package.json 生成优化且语法正确的 npm 脚本。
性能审计器
一款强大的 AI 驱动性能审计工具，能为 Lighthouse 报告生成优先级代码修复方案。
Prefetch Suggester
一款 AI 驱动的 CLI 工具，通过分析项目路由，为高概率数据和页面预取提供建议并生成代码。
Prefetch Advisor
Prefetch Advisor 利用 AI 分析应用路由和用户流，推荐需要预取的特定数据和路由，从而实现即时导航。
Responsive Maker
立即将仅限桌面端的组件转换为完全响应式、移动端优化的 UI 元素。
快照测试编写器
通过分析 props 和渲染逻辑，自动为 React 组件生成 Jest 快照测试。
Socket 生成器
一款专门用于根据自然语言描述生成结构化 Socket.io 服务端和客户端处理程序的 CLI 工具。
Storybook 生成器
通过 AI 驱动的分析，自动从 React 组件创建全面的 Storybook stories 和文档。
Tailwind 配置生成器
自动将您的品牌十六进制代码转换为功能齐全的 Tailwind CSS 配置文件，包含完整的色阶范围和语义化颜色。
测试编写器
通过分析您的源代码逻辑，自动生成具有真实断言的生产级单元测试。
主题生成器
一个由 AI 驱动的命令行工具，可将品牌颜色转化为功能齐全、符合无障碍标准的设计系统和 CSS 变量。