前端 Web 开发 精选AI Agent技能库
前端 Web 开发分类下的高质量技能
React 性能优化器
一项专门的技术技能，通过经过实战检验的代码模式来优化 React 和 Next.js 的性能。
Web 打包（单 HTML）
一种专门的工作流，用于将现代 React 和 Vite 应用程序打包成可移植的单文件 HTML 产物，实现无缝分发。
Web Design Pro
一套用于实现设计系统、响应式布局和游戏特定 UI/UX 标准的专业级工具包。
购物车管理
一套用于实现稳健的 React 购物车状态管理的工程蓝图，包含防重处理和持久化存储。
Figma Sync
一个双向同步工具，可将 Figma 设计转换为生产就绪的 React 和 React Native 代码，同时保持设计 Token 的一致性。
Radon AI
一个专门的 MCP 服务器，为 AI 智能体提供对 React Native 环境的深度可见性，包括日志、网络流量和实时文档。
Motion.dev 动画库
一个高性能动画技能，用于在 React、Vue 和原生 JavaScript 项目中实现 Motion.dev（前身为 Framer Motion）。
shadcn/ui 文档技能
一套为 AI 准备的全面文档包，涵盖 shadcn/ui 组件、主题定制和框架集成。
Tailwind CSS 文档
一个全面的文档技能，为 AI 智能体提供对 Tailwind CSS 实用类、配置模式和最佳实践的即时访问。
Zod Schema 验证
一个全面的文档技能，为 AI 智能体提供关于 Zod schema 验证、TypeScript 类型推断和错误处理参考的即时访问。
Canvas 技能
一个功能强大的工具，用于在连接的 OpenClaw 设备节点上渲染和管理交互式 HTML 内容。
Next.js App Router 生产模式
针对 Next.js 15 和 16 的生产级实施指南，侧重于异步 API、缓存变化和 Turbopack 性能。
TypeScript 精通
掌握高级 TypeScript 模式，如品牌类型和可辨识联合，以构建工业级、类型安全的应用程序。
前端开发代理
一个专门的 AI 代理专家，用于使用 React、Vue、Angular 和 Tailwind CSS 构建、优化和维护现代 Web 应用程序。
FTdesign HTML 生成器
一个自动化的界面构建工具，使用 FTdesign 系统为列表、表单和详情页生成标准化的 HTML 预览页面。
Flutter 动画
一份实现平滑且高性能 Flutter 动画的全面指南，涵盖了从简单的隐式过渡到复杂的基于物理特性的运动。
Flutter 专家技能
一个全面的 AI 开发技能，旨在利用 Riverpod 2.0 和整洁架构构建专业的 Flutter 应用程序。
Flutter 测试与 QA 自动化
一个全面的 Flutter 应用程序测试套件，涵盖单元、组件和端到端集成测试。
象棋游戏助手
一个专门用于生成新象棋游戏或使用预构建、经过优化的源代码模板增强现有游戏的专业工具。
Flutter 的 Go Router
一个用于 Flutter 的声明式路由包，通过 Router API 简化了基于 URL 的导航和复杂的应用流程。