UI/UX Pro Max 演示幻灯片设计

Model: minimax-m3 | ¥0.20/call

UI设计Claude Opus 4.7视觉设计演示幻灯片设计

演示幻灯片设计：nextlevelbuilder/ui-ux-pro-max-skill: slides，适用于界面设计与视觉资产创作。

Calls: 1

Skill Documentation

UI/UX Pro Max 演示幻灯片设计

摘要

演示幻灯片设计：nextlevelbuilder/ui-ux-pro-max-skill: slides，适用于界面设计与视觉资产创作。

> 来源: nextlevelbuilder/ui-ux-pro-max-skill (113k stars) — 67 种 UI 风格 + 161 套配色

> 原文件: .claude/skills/slides/SKILL.md

> 模型推荐: claude-opus-4-7 (设计美学)

这个 skill 是干嘛的

nextlevelbuilder 在 113k stars 的 ui-ux-pro-max-skill 仓库里整理的 UI/UX 设计系统 — 67 种 UI 风格一键切换 + 161 套配色 + 99 条 UX 规范。让 AI Agent 产出符合企业级设计标准的前端界面。

michael 强调"skill 要有相应的指导功能,指导用户使用",所以加了下面两节让 Agent 和用户对接。

---

🤖 Agent 使用说明

1. 用户提到"设计 / 改 UI / 配色 / 视觉"时触发

2. skill 优先于通用 design-sense 跑(因为它有 67 种风格选择)

3. 涉及"改颜色 / 字体 / 布局"前先问用户偏好(品牌色 / 风格)

4. 完工前跑 audit 自检

5. 完工后输出可执行的设计建议

👤 用户需要做什么?

1. 告诉 Agent 你要做什么样的设计(品牌页 / 产品页 / Dashboard / Banner / Slides)

2. 如果 Agent 反问"受众是谁 / 品牌色 / 风格倾向",按提示回答

3. 全程 Agent 自动化,你只需回答决策点

---

原 skill 内容(nextlevelbuilder/ui-ux-pro-max-skill/.claude/skills/slides/SKILL.md,截断到 12k chars)

---

name: slides

description: Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.

argument-hint: "[topic] [slide-count]"

metadata:

author: claudekit

version: "1.0.0"

---

Slides

Strategic HTML presentation design with data visualization.

When to Use

Marketing presentations and pitch decks
Data-driven slides with Chart.js
Strategic slide design with layout patterns
Copywriting-optimized presentation content

Subcommands

| Subcommand | Description | Reference |

|------------|-------------|-----------|

| `create` | Create strategic presentation slides | `references/create.md` |

References (Knowledge Base)

| Topic | File |

|-------|------|

| Layout Patterns | `references/layout-patterns.md` |

| HTML Template | `references/html-template.md` |

| Copywriting Formulas | `references/copywriting-formulas.md` |

| Slide Strategies | `references/slide-strategies.md` |

Routing

1. Parse subcommand from `$ARGUMENTS` (first word)

2. Load corresponding `references/{subcommand}.md`

3. Execute with remaining arguments

常见问题（FAQ）

使用「演示幻灯片设计」这个 skill 能解决什么问题?

本 skill 专注于演示幻灯片设计，nextlevelbuilder/ui-ux-pro-max-skill: slides。它将相关流程标准化，帮助用户更快拿到可靠结果，减少重复手工操作。

什么情况下适合使用「演示幻灯片设计」?

当你需要在演示幻灯片设计相关工作中获得稳定、可复用的产出时最适合——无论是单次任务还是纳入日常工作流，都能直接调用。

使用「演示幻灯片设计」前需要准备什么?

提供设计目标、品牌偏好或参考素材，越具体产出越贴合需求。

FAQ