Agent Skills › nextlevelbuilder/ui-ux-pro-max-skill › slides

slides

GitHub

用于创建基于HTML和Chart.js的战略性演示文稿，支持数据可视化、响应式布局及文案优化，适用于营销展示和数据驱动的场景。

.claude/skills/slides/SKILL.md nextlevelbuilder/ui-ux-pro-max-skill

触发场景

需要制作营销演示或路演PPT 要求生成包含Chart.js图表的数据驱动型幻灯片

安装

npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill slides -g -y

更多选项

非标准路径

npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/main/.claude/skills/slides -g -y

不安装直接使用

npx skills use nextlevelbuilder/ui-ux-pro-max-skill@slides

指定 Agent (Claude Code)

npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill slides -a claude-code -g -y

安装 repo 全部 skill

npx skills add nextlevelbuilder/ui-ux-pro-max-skill --all -g -y

预览 repo 内 skill

npx skills add nextlevelbuilder/ui-ux-pro-max-skill --list

SKILL.md

Frontmatter

{
    "name": "slides",
    "metadata": {
        "author": "claudekit",
        "version": "1.0.0"
    },
    "description": "Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.",
    "argument-hint": "[topic] [slide-count]"
}

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`