Agent Skills Hub

frontend-design-pro

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

design-system-patterns

掌握设计系统架构：实现设计标记 (design tokens)、多品牌主题、组件库以及自动化设计转代码流程，建立可扩展的 UI 基础。

core-components

核心组件库与设计系统模式，通过设计令牌 (design tokens) 确保 UI 开发的一致性。

server-components

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

frontend-app-design

构建独特、高品质的 React Native Expo 界面，运用液态玻璃设计与 iOS 人机界面准则，打造工业级移动应用。

build-design-system

使用 Design Graph 方法论构建连贯且基于约束的设计系统。自动化设计令牌、排版比例、组件、变体及主题的创建过程。

vibe-orchestrator

Lovable 风格 AI 开发工作流程控制器。通过调度专门的子代理，即时生成优质、多页面且具备动画效果的应用程序。无需冗长提示，直接启动开发。

chatkit-frontend

使用 OpenAI ChatKit React 组件实现生产就绪的 AI 聊天界面。功能包含 hook 配置、流式传输、主题自定义、对话历史与 Next.js 应用程序的自定义工具整合。

pix

一个自动化的 UI 实现代理，利用 Figma MCP 和浏览器渲染验证，将 Figma 设计转换为像素级精确的代码。

visual-design-foundations

建立一致的视觉系统，包含设计代币、模块化排版系统、8点间距网格及无障碍色彩规范，以提升 UI 开发的一致性。

tailwind-config

管理 monorepo 中的 Tailwind CSS 配置、自定义设计令牌、主题与设计系统工具。

senior-frontend-engineer-react

企业级 React CRUD 开发技能，专注于 React 16.14 与 DVA 2.x。提供自动化列表页生成、表单管理与 API 服务层整合。