前端 Web 开发 精选AI Agent技能库
前端 Web 开发分类下的高质量技能
Riverpod 状态管理
一个用于 Flutter 的响应式、类型安全的状态管理库，利用代码生成技术消除冗余代码并确保编译时安全。
Web 无障碍 (WCAG 2.1 AA)
一个全面的开发者框架，用于通过语义化 HTML、ARIA 和键盘优先导航构建符合 WCAG 2.1 AA 标准的网站。
AutoAnimate
一个轻量级、零配置的动画实用程序，为现代 Web 框架提供即插即用的过渡效果，同时防止 15 种常见的实现错误。
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 功能，如嵌套子流、自动布局和状态同步。