Agent Skills Hub

tailwind-design-system

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

frontend-design-review

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

tamagui-best-practices

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

icon-set-generator

为网站和应用程序生成具备一致视觉风格、线条粗细与密度的专业 SVG 图标集，打造独特的品牌 UI 识别。

tailwindcss

TailwindCSS v4 模式库，提供基于 CSS 的配置、@theme 设计标记、@source 内容检测，以及用于高效前端工作流的现代 CSS 工具。

visual-design-foundations

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

design-excellence

一套设计系统与反模式指南，让 AI 生成的界面更具人工质感。通过管理色彩、排版、间距与动画，为 Toh Framework 提供专业的视觉品质。

css-modules

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

ui-ux-pro-max

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

design-system-patterns

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

react-ui-patterns

标准化的 React UI 模式，用于处理加载状态、错误处理与数据获取，确保一致的用户体验与稳固的组件架构。

mobile-android-design

掌握 Material Design 3 与 Jetpack Compose 进行原生 Android 界面开发。利用 Google 最新标准构建响应式且无障碍的应用程序界面。