苹果级别产品设计——视觉系统、UX流程、可访问性、专有视觉语言、设计令牌、原型制作与交付。涵盖Figma、设计系统、排版、色彩等

通过 Rube MCP（Composio）自动化 Figma 任务：文件、组件、设计标记、评论、导出。始终先搜索工具以获取最新架构。

Tailwind CSS v4 原则：以 CSS 为中心的配置、容器查询、现代模式、设计令牌架构

使用 Tailwind CSS、设计令牌、组件库和响应式模式构建可扩展的设计系统，适用于创建组件库、实现设计系统或统一 UI 标准

核心组件库和设计系统模式。在构建用户界面、使用设计标记或使用组件库时使用。

现代网页设计工程技能，包括设计令牌、高级UI/UX方法论、可访问性以及游戏专属UI模式，适用于构建商业级高性能且可访问的网页界面

使用 AIOZ UI V3 设计系统构建 UI 组件和页面。当用户需要创建、编辑或样式化 React 组件时，使用此技能，包括应用 AIOZ UI 令牌、Tailwind 类、颜色令牌、排版工具、@aioz-ui/icon-react 中的图标，或图表组件（LineChart、AreaChart、BarChart、DonutChart）。当任务涉及 AIOZ UI 组件、设计令牌如 --sf-neu-block 或 --text-neu-bold、品牌颜色、排版类（text-title-01、text-body-02）、图标导入、数据可视化，或将 Figma MCP 输出转换为生产就绪代码时，触发此技能。

使用 AIOZ UI V3 设计系统构建 UI 组件和页面。当用户需要创建、编辑或样式化 React 组件时，使用此技能，包括应用 AIOZ UI 令牌、Tailwind 类、颜色令牌、排版工具、@aioz-ui/icon-react 中的图标，或图表组件（LineChart、AreaChart、BarChart、DonutChart）。当任务涉及 AIOZ UI 组件、设计令牌如 --sf-neu-block 或 --text-neu-bold、品牌颜色、排版类（text-title-01、text-body-02）、图标导入、数据可视化，或将 Figma MCP 输出转换为生产就绪代码时，触发此技能。