Agent Skills Hub

frontend-design-pro

打造价值 $50,000 美元级别的专业前端界面，提供生产级代码、精选排版与高质量影像素材整合。

state-management

前端状态管理指南，涵盖 Zustand/Pinia 全局存储、TanStack Query 服务器状态以及 URL 状态处理。

vibe-prd

专为 vibe-coding MVP 设计的 PRD 生成器。协助用户定义产品需求、目标受众与成功指标，为开发工作流程奠定清晰基础。

web-frameworks

全栈网页开发套件，整合 Next.js (SSR/RSC/App Router)、Turborepo 单体库管理及 RemixIcon 图标库。专为现代 React 开发、高性能构建与可扩展架构设计。

ui

生成 UI 组件、Hero 区块与反馈表单。集成无障碍检查清单与专业设计参考，确保开发质量。

d3js-data-visualization

使用 d3.js 创建交互式自定义数据可视化，包括图表、图形和网络图。适用于需要对视觉元素、转场动画和交互行为进行精细控制的场景。

Frontend Components

为 Django 生产环境服务器与工作程序提供标准化配置与管理。

server-components

Next.js React Server Components (RSC) 指南，涵盖服务器与客户端组件边界、数据获取及组合模式。

components-build

根据 components.build 规范构建现代化、可组合且易于访问的 React UI 组件。适用于设计系统、组件库及可重用 UI 架构的开发与维护。

flowgram.ai

FlowGram.ai 自定义节点开发指南，支持简单节点自动表单与复杂节点自定义 UI 开发。

testing-frontend

自动化前端组件测试、用户交互模拟、API 模拟，以及设置 Vitest、React Testing Library 与 Vue Test Utils。

Building Frontend Dashboards

使用 TypeScript、shadcn/ui、TanStack Query 和 Supabase 构建响应式 React 仪表板。适用于制作 KPI 卡片、数据表格、Recharts 图表及 event-studio 管理后台。