Agent Skills Hub

tamagui-best-practices

Tamagui 库架构、配置、编译器优化与组件模式的最佳实践。

web-artifacts-builder

一套用于开发与打包复杂、多组件 React/TypeScript 网页实体的工具包，整合了 Vite、Tailwind CSS 与 shadcn/ui。

frontend-design-review

评估、审核并构建具有高质量设计、符合无障碍标准及设计系统规范的生产级前端界面。

Global Coding Style

应用务实编码标准：包含明确命名、单一职责函数、防御性编程，以及确定性副作用，拒绝过度设计与臆测性功能。

core-components

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

design-system-patterns

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

table-filters

为数据表格设计并实现专业、交互式的筛选用户界面，并能根据列数据类型自动调整。

ui-ux-pro-max

适用于网页与移动设备的专业 UI/UX 设计指南。包含 50 多种风格、99 项 UX 指引及 97 种配色方案。支持 React、Vue、Next.js 等多种技术栈的开发设计建议。

pix

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

format

使用 Prettier 和 Stylelint 验证代码格式与样式规则，且不进行修改。确保代码库一致性，检测 JS/TS/CSS/SCSS 文件中的格式错误。

pencil-ui-design

使用 Pencil MCP 进行工业级 UI 设计的完整工作流与组件库，包含颜色、字体、间距与阴影的标准化设计规范。

frontend-design

构建具有独特风格、生产级品质的前端界面与网页组件，强调高美学品质，并避免通用的人工智能设计模式。