Agent Skills Hub

react-email

使用 React 组件构建并发送响应式 HTML 电子邮件模板。提供可视化编辑器、渲染引擎，并与各大电子邮件客户端兼容。

design-references

提供 UI 审阅的预定义设计系统参考，涵盖 Material Design 3、Apple HIG、Tailwind UI、Ant Design 及 Shadcn/ui 等。

components-build

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

wednesday-design

UI/UX 设计助手，为 React/Next.js 项目强制执行组件库使用规范、可访问性与设计标记。确保使用 shadcn/ui、Aceternity 等核准库来保持视觉一致性。

aesthetic

运用系统化设计原则、AI 评估与自动化灵感分析，打造美观的用户界面。

figma

利用 Figma MCP 服务器获取设计数据、提取资源，并将 Figma 节点转换为符合设计系统规范的 React 与 Tailwind 代码。

ui-styling

使用 shadcn/ui 和 Tailwind CSS 构建可访问且一致的用户界面。采用组件优先架构以建立设计系统、集成 React Hook Form，并实践响应式移动优先开发。

css-modules

基于 Lightning CSS 或 PostCSS 的 CSS Modules 组件封装策略，包含 TypeScript 集成与 Vite 配置。

shadcn-vite-iconify-landing-page

使用 React、Vite、TypeScript、Tailwind 和 shadcn/ui 构建、审核并迭代高转化率着陆页。专注于转换率优化 (CRO)、首屏结构以及使用 Iconify 图标的高质量界面设计。

frontend

Preact 与 Tailwind 的前端编码规范。适用于集群应用程序的网页 UI 组件开发。

react-native

React Native 开发最佳实践，适用于 Expo 与原生项目。涵盖项目结构、路由导航、NativeWind 样式、平台特定代码及 TypeScript 整合。

visual-design-foundations

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