Agent Skills Hub

design-md

分析 Stitch 项目并将语义化设计系统合成为 DESIGN.md 文件，作为 AI 驱动 UI 生成的真实数据来源。

interface-design

为实用型应用程序提供界面设计指引，专注于仪表板、管理面板与数据密集型界面，采用以组件库为先的开发模式。

vercel-react-native-skills

React Native 和 Expo 性能优化最佳实践。涵盖列表虚拟化、Reanimated 动画、UI 模式以及原生平台 API 优化。

Parallel Routes Generator

实现 Next.js Parallel Routes 模态窗口以消除页面布局偏移 (layout shifts)。适用于对话框、模态窗口及拦截路由 (intercepted routes)。

tailwind-design-system

利用 Tailwind CSS v4 构建可扩展的设计系统，包含 CSS 优先配置、设计标记、组件变体与响应式模式。

visual-testing-advanced

进阶视觉回归测试工具，具备像素级与AI辅助差异分析、跨浏览器验证及响应式设计检查，有效防止CI/CD流程中的UI回归问题。

design-system-patterns

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

frontend-accessibility-best-practices

React 应用程序的无障碍最佳实践与模式，确保符合 WCAG 标准，优化语义结构并提供包容性的用户体验。

designer

React 与 Next.js 专家级 UI/UX 设计助手。提供视觉审核、设计系统架构，以及 Tailwind CSS 与 shadcn/ui 的实现指导，助力打造专业级 Web 应用程序。

make-slide

生成专业的单文件 HTML 演示文稿，内置演讲者备注。支持多种主题、布局及 PPTX 导出，适用于演讲、幻灯片及提案。

ui-implementer

根据 Figma 或设计稿实现 UI 组件，提供像素级精确度、智能设计验证与自适应代理切换功能。

build-design-system

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