前端 Web 开发 精选AI Agent技能库
前端 Web 开发分类下的高质量技能
前端状态管理技能 (fec-state-management)
一个专家级的前端状态管理和架构工具，旨在映射、重构和实现 React 和 Vue 框架间的最优状态所有权。
ui-design
一个灵感驱动的 UI 设计技能，引导用户通过一个结构化的 5 阶段工作流，从粗糙的概念到生产就绪的设计令牌（design tokens）、HTML 原型和规范文档。
前端路由保护
一个旨在跨主流 Web 框架实现、审查和保护前端路由、认证守卫以及基于角色的访问控制（RBAC）的 AI Agent 技能。
Low-Visibility UI Auditor
一款自动化的移动端和 H5 UI 审计工具，用于分析布局在弱光、强光、戴手套操作以及屏幕潮湿情况下的表现，并输出可直接执行的移交文档。
Vibe UI
Vibe UI 是一款 AI 编码 Agent 技能，能够无缝应用设计指南、生成页面，并对 Web 界面进行自动化的样式一致性检查。
Browser Storage Strategy & Implementation
一个指导 AI agent 选择、实现和审查安全客户端浏览器存储方案的专家开发协议。
Frontend-Backend API Integration Skill
这是一份标准化的操作指南，旨在帮助开发者和 AI 代理设计、实现和审查安全且类型安全的 Frontend-to-Backend API 通信层。
从设计到代码的 Frontend UI 实现 (Design-to-Code)
一种 AI 编码 Agent 技能，可从 Figma、Sketch 和其他设计平台自动生成高保真、可访问且可用于生产的 Frontend 代码。
Remix v2 Code Review
一个自动化的多智能体（multi-agent）代码审查工作流，专门针对检查 Remix v2 代码库配置、表单、路由和 loaders 进行了优化。
Remix v2 Routing Review
一个自动化的代码审查技能，用于扫描并优化 Remix v2 路由结构、文件命名规范以及根文档壳层。
Remix v2 性能与 SSR 代码审查
这是一个自动化代码审查 Agent 技能，旨在审计 Remix v2 应用程序，检查 hydration 不匹配、服务端/客户端代码泄漏、不优化的缓存 header 以及资源分发瓶颈。
Database Schema Designer
一个专业的数据库建模技能，从架构上将业务需求转化为生产就绪的 schema、ER 图、索引策略和优化的 DDL 定义。
React Text-Diff Master
一个先进的 AI 辅助工作流，旨在为开发者分解并揭示核心 React 虚拟 DOM diff 过程的奥秘。
Web UI Builder
一个自动化的 AI 编码智能体技能，使用现代的 React 19、Vite 8 和 Tailwind CSS 4 技术栈生成完整、响应式的前端页面代码。
Minimalist UI
一个高级的前端工程指令，用于生成高度精致、社论风格的 Web 界面，具有温暖的单色调色板和干净的布局。
Stitch Design Taste
一个专业的设计系统工程技能，可生成对智能体友好的 UI 指南，以消除通用的 AI 设计并强制执行高级前端标准。
Next.js 项目标准
一套用于使用 App Router 架构构建高性能 Next.js 14+ 应用程序的综合技术规范。
Remix v2 表单代码审查
一个自动化的代码审查智能体 Skill，旨在扫描 Remix v2 代码库中常见的表单、mutation 和状态管理反模式。
Frontend Image-Direction Skill
一个高级的前端图像方向技能，旨在引导 AI 智能体生成结构化、注重转化的网站设计参考，并保持绝对的板块与图像一致性。
截图转原型
一种 AI agent 技能，可将视觉 UI 截图转换为功能性、结构化且完全可编辑的前端代码原型。