前端 Web 开发 精选AI Agent技能库
前端 Web 开发分类下的高质量技能
React Effect 重构
一种智能重构技能，用于识别并替换直接使用的 useEffect hooks，转而使用更简洁、高效的 React 模式。
JavaScript Style Guide
一套使用 ES6+ 最佳实践编写现代、可维护 JavaScript 代码的全面标准。
Vercel React Composition Patterns
一系列先进的 React 模式，旨在消除布尔属性（boolean prop）激增并构建可扩展的组件库。
Figma Code Optimizer
一种设计到代码的技能，可将 Figma 框架转换为遵循设计系统的高质量、基于组件的前端代码。
Vue 3 组件设计指南
在 Openclaw Skills 生态系统中，使用 Composition API 和 Ant Design 集成构建健壮 Vue 3 组件的专业架构指南。
Frontend Development Patterns
一份现代前端架构的全面指南，专注于 React、Next.js 和性能驱动的 UI 模式。
前端架构分析专家
一款用于审计前端项目架构、技术栈健康度和工程化配置的专业 AI 诊断工具。
SwiftUI for macOS
一个专家级 AI 智能体技能，专门用于架构和调试针对 macOS 平台的高性能 SwiftUI 应用程序。
服务条款生成器
一个专为 SaaS、App 和电子商务平台优化的专业服务条款、用户协议及更新通知自动化生成器。
Paper Design
一个专业的设计桥梁，允许 AI 智能体通过 HTML 和 CSS 在 macOS 上操作 Paper 设计工具。
Custom Preview Flow
一种专门用于为定制礼品品牌设计结构化产品个性化方案和实时预览工作流的专业技能。
HTML Coder
一项专家级开发技能，专注于构建语义化、无障碍且符合标准的 HTML5 网页内容。
Next.js 16 文档技能
一个针对 Next.js 16 的全面文档技能，提供 App Router、Pages Router 和框架架构的深度技术参考。
React TypeScript 技能
一个高性能技能，用于使用 TypeScript 5.9 和 React Compiler 构建类型安全的 React 19.2 应用程序。
shadcn-tailwind
一种高性能 UI 开发技能，利用 Tailwind CSS v4 工具类和 shadcn/ui 组件模式构建无障碍界面。
Hydrogen
一个强大的 Skill，用于管理 Shopify Hydrogen Storefront 数据并通过 Membrane CLI 自动化电子商务工作流程。
WordPress 主题转换
一项旨在将静态网站文件转化为功能齐全、高性能 WordPress 主题的专业开发技能。
Angular Expert
一个专注于现代 Angular 17+ 开发的高性能 AI 代理技能，包括 standalone components 和基于 signal 的状态管理。
游戏设计大五人格审计
一个专门通过大五人格特质视角评估游戏系统的框架，用于识别玩家的舒适点和摩擦点。
React Hooks Game Loop
一个用于生产环境的技术技能，使用 TypeScript 和 requestAnimationFrame 实现高性能 React 游戏循环和动画。