BAIZE AI RESOURCE

UI/UX 设计技能集

ui-ux-pro-max-skill

ui-ux-pro-max-skill 是一个面向 Claude Code 的 UI/UX 设计技能集合，提供设计、品牌、设计系统、幻灯片、横幅等子技能，帮助 AI 生成高质量视觉设计。

获取资源
ui-ux-pro-max-skill

资源介绍

ui-ux-pro-max-skill 是一个面向 Claude Code 的 UI/UX 设计技能集合，包含多个子技能，如 banner-design、brand、design-system、design、slides、ui-styling 和 ui-ux-pro-max。它提供设计横幅、品牌指南、设计令牌、幻灯片、UI 样式和 UX 指南等能力，并附带大量参考文档和脚本，帮助 AI 在设计任务中遵循最佳实践。该技能适用于需要生成或审查视觉设计的场景，如创建社交媒体图片、品牌资产、演示文稿和用户界面。

Skill 能力

多子技能覆盖

包含 banner-design、brand、design-system、design、slides、ui-styling 和 ui-ux-pro-max 等子技能，覆盖横幅设计、品牌管理、设计系统、幻灯片制作、UI 样式和 UX 指南。

本地数据驱动

提供大量 CSV 数据文件，如样式、颜色、字体、UX 指南、图标、图表类型等，支持搜索和推荐。

脚本自动化

包含 Python 和 Node.js 脚本，用于生成设计令牌、搜索样式、生成幻灯片、验证令牌等。

参考文档丰富

每个子技能都附带详细的参考文档，如 banner-sizes-and-styles.md、token-architecture.md、shadcn-components.md 等。

资源配置

适用平台

Claude Code

支持模型

Claude

调用方式

自动触发手动调用命令调用

安装与调用

  1. 在 Claude Code 中安装该技能后，可通过自然语言触发，例如“设计一个横幅”或“创建品牌指南”。

  2. 技能会自动路由到相应的子技能，并调用相关脚本和参考文档。

  3. 用户可通过 AskUserQuestion 提供需求细节，如平台、风格、尺寸等。

使用案例

设计社交媒体横幅

使用场景用户需要为 Twitter 设计横幅

调用 banner-design 技能，根据平台尺寸和风格生成 HTML/CSS 横幅，并导出为 PNG。

创建品牌指南

使用场景用户需要建立品牌视觉识别系统

调用 brand 技能，生成品牌指南文档，并同步到设计令牌。

生成演示文稿

使用场景用户需要制作投资路演幻灯片

调用 slides 技能，使用设计令牌和 Chart.js 生成 HTML 演示文稿。

包含内容

LICENSE-MIT-1.txt
LICENSE-MIT-2.txt
LICENSE-MIT.txt
README-中文安装说明.md
SHA256.txt
ui-ux-pro-max-skill-source.zip

常见问题

该技能支持哪些平台？
主要面向 Claude Code，但设计输出可适用于 Web、移动端和桌面端。
需要安装额外的依赖吗？
部分脚本需要 Python 3.x 或 Node.js，但核心功能无需外部依赖。
可以生成图片吗？
可以，通过内置脚本调用 AI 图像生成服务（如 Gemini）生成 logo 和 mockup。