前端 Web 开发 精选AI Agent技能库
前端 Web 开发分类下的高质量技能
WordPress 专业版
一个专家级 AI 开发者技能,用于使用现代 PHP 和编码标准构建高性能、安全的 WordPress 主题、插件和自定义 Gutenberg 区块。
UI 设计师
一个复杂的设计代理技能,利用自然语言提示词生成、交付并迭代基于 React 的 Web 界面。
设计系统组件
一个使用 Surface 原语和 class-variance-authority 构建可重用、类型安全 UI 组件的标准框架。
特色设计系统
一项用于工程化设计系统的专业技能,通过结构化令牌、分层表面和富有感染力的美学,优先考虑独特的品牌个性。
加载状态模式
一个与设计系统保持一致的综合模式库,用于在 React 应用中创建骨架屏加载器、闪烁效果和渐进式加载状态。
Next.js App Router 高级专家
一个关于使用现代 App Router 架构构建高性能 Next.js 应用程序的最佳实践和模式的综合框架。
React 最佳实践
由 Vercel Engineering 开发的一套针对 React 和 Next.js 应用程序的 57 条全面性能优化规则。
React 组合模式
一个专家级框架,用于构建可扩展的 React 组件,通过高级组合技术消除布尔值 Prop 的激增。
React 性能优化
一份针对 React 和 Next.js 应用在关键渲染和数据获取类别中进行性能优化的技术指南和工作流。
响应式设计
一个提供生产级响应式 CSS 模式的 AI 智能体技能,包含容器查询、流体排版和移动优先策略。
shadcn-ui
一个使用 shadcn/ui、Radix UI 和 Tailwind CSS 构建无障碍、高性能用户界面的综合技能。
网页设计模式
一项技术性 CSS 实现技能,为布局、排版和无障碍界面设计提供生产就绪的模式。
Vercel React Native 技能
一个全面的最佳实践集合,旨在构建具有优化动画和 UI 模式的高性能 React Native 和 Expo 应用程序。
tg-miniapp
一套用于构建和调试 Telegram 小程序的综合工具包,解决常见的安全区域、布局和 API 集成挑战。
Vue 3 + Ant Design Vue 组件封装
一个使用 Vue 3 和 Ant Design Vue 封装可复用业务组件的标准化框架。
Next.js 15 App Router 专家
一个专业级技能,用于使用现代 App Router 架构和服务器端优化模式构建 Next.js 15 应用程序。
高级 React Flow 模式
一个专业级工具包,用于在 React 应用程序中实现复杂的基于节点的 UI 功能,如嵌套子流、自动布局和状态同步。
React Flow 实现
一个用于使用 React Flow 和 Openclaw Skills 构建交互式节点应用和工作流编辑器的专家技能。
Manim 动画专家
一个先进的 AI 智能体技能,旨在将数学描述转换为生产就绪的 Manim Community Edition 代码和高质量的 MP4 动画。
AI Web Demo Builder
一个 AI 原生生成器,使用结构化蓝图和可自定义的设计风格构建完整的 Web 演示项目脚手架。