前端 Web 开发 精选AI Agent技能库
前端 Web 开发分类下的高质量技能
UI 设计师技能
一个为 AI Agent 打造的专业设计框架，能够以专家级的精度和无障碍标准实现 16+ 种设计系统。
TS API Miner
一款用于分析 TypeScript 文件，并将 API 接口、请求结构和 JSDoc 注释提取为结构化 Markdown 文档的智能助手。
Stitch UI 设计器
一款专门用于通过自然语言提示词直接在 Google Stitch 中设计、预览和导出 UI 代码的工具。
游戏质量门槛
一套全面的强制性质量标准和检查清单框架，旨在消除跨状态错误并优化所有平台上的游戏性能。
MSW (Mock Service Worker) v2
在 JavaScript 和 TypeScript 项目中实施 Mock Service Worker v2 最佳实践的全面指南和规则集。
Redux-Saga 测试
一项专门用于使用 expectSaga 和 redux-saga-test-plan 等现代模式编写健壮的 Redux-Saga 测试的技能。
Zod V4 最佳实践与模式验证
用于实现 Zod v4 模式验证的专业技能，提供 TypeScript 运行时类型安全和错误处理的最佳实践。
Zod Schema 测试指南
一个使用 Jest 和 Vitest 的 Zod schema 全面测试框架，用于确保数据完整性和 schema 正确性。
ClawHub x Lovable 临床应用构建器
一份专门的开发者指南，旨在利用 Lovable 快速构建安全、全栈的临床应用和医疗 MVP。
Ant Design (antd)
一套全面的 UI 组件技能，使 AI 代理能够使用企业级 Ant Design 框架构建专业的 React 界面。
React Next.js 项目生成器
根据需求文档和 UI 设计自动创建生产就绪的 React 和 Next.js 项目。
设计风格技能
一个强大的设计系统集成器，使 AI 智能体能够生成具有独特美感且生产力级别的前端界面，而非通用的 UI。
Fluent Design 实战指南
在 Windows 11 和 Electron 应用程序中实现 Microsoft Fluent Design System 2 的技术参考。
Material Design 3 实战参考
一份关于在 Android、Web 和 Flutter 应用中实现 Google Material Design 3 规范的全面技术参考。
Zustand 模式
一套面向生产环境的实用 Zustand 状态管理模式集合，专注于可扩展性、持久化和 Electron 集成。
设计资产
一个利用 AI 和 CLI 工具自动生成应用图标、网站图标、调色板和图像转换的综合工具包。
React 组件构建最佳实践
一套专门用于使用顶级组合模式构建、审查和重构可复用 React 组件的指南。
零代码前端构建器
一种复杂的元技能，通过协调设计和代码生成，根据自然语言描述制作生产级 React 组件。
最佳实践
在 AI 驱动的开发环境中执行现代 Web 开发标准、安全协议和代码质量模式。
tRPC 集成
针对 tRPC 的 Openclaw Skills 提供专家级指导，无需模式或代码生成即可构建端到端类型安全的 API。