Agent Skills Hub

web-artifacts-builder

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

css-modules

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

react-native

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

visual-design-foundations

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

pix

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

frontend-design-review

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

ui-ux-pro-max

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

ui-implementer

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

interaction-design

设计并实现微交互、动态设计与转场效果。用于提升 UI 精致度、实现加载状态，并创造直观、令人愉悦的用户反馈体验。

design-system-implementation

强制执行 UI 严格遵守项目设计系统的标记、组件与布局规范，以确保前端开发的一致性。

elegant-design

使用 React、Next.js 和 shadcn/ui 等现代设计系统，构建专业、易用且具响应式的界面。专注于开发者工具、聊天界面及实时流式组件。

design-system-patterns

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