技能说明

Build UI components and pages using AIOZ UI V3 design system. Use this skill whenever the user wants to create, edit, or style React components using AIOZ UI tokens, Tailwind classes, color tokens, typography utilities, icons from @aioz-ui/icon-react, or chart components (LineChart, AreaChart, BarChart, DonutChart). Trigger on any task involving AIOZ UI components, design tokens like --sf-neu-block or --text-neu-bold, brand colors, typography classes (text-title-01, text-body-02), icon imports, data visualization, or translating Figma MCP output into production-ready code.


中文介绍

使用 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 输出转换为生产就绪代码时,触发此技能。

直接复制以下提示词,发送给你的 AI 助手即可完成安装。

帮我下载并安装这个SKILL:https://skillhub.cstcloud.cn/download/aioz-ui-skills

点击右上角 下载SKILL 按钮

元信息

分类:Development
下载:4
浏览:4
标签:
AIOZ UI V3 React Components Tailwind Classes