slides

GitHub

用于创建基于 HTML 和 Chart.js 的战略演示文稿,支持数据可视化、响应式布局及文案优化。适用于营销展示、路演幻灯片及数据驱动型内容制作。

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

Trigger Scenarios

制作营销演示文稿或路演幻灯片 需要嵌入 Chart.js 图表的数据驱动型展示 优化演示内容的排版与文案策略

Install

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

Non-standard path

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

Use without installing

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

Script Paths

Script paths in this skill and its references/ are relative to the directory that contains this SKILL.md, not to the project: scripts/<file> is this skill's own scripts/ folder, and ../<skill>/scripts/<file> is a sibling sub-skill installed alongside it. Build the full path from that directory (Claude Code reports it as the skill's base directory when the skill loads) and keep the working directory at the project root — the scripts read and write project files such as docs/brand-guidelines.md, assets/design-tokens.json or src/ relative to it.

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

Version History

  • dcc40ff Current 2026-09-23 04:19

    修复技能相对路径解析问题,规范脚本路径契约,确保跨环境正确加载资源。

  • 8a1a6d8 2026-08-20 13:27

Same Skill Collection

.claude/skills/banner-design/SKILL.md
.claude/skills/brand/SKILL.md
.claude/skills/design-system/SKILL.md
.claude/skills/ui-styling/SKILL.md
.claude/skills/ui-ux-pro-max/SKILL.md
cli/assets/skills/banner-design/SKILL.md
cli/assets/skills/brand/SKILL.md
cli/assets/skills/design-system/SKILL.md
cli/assets/skills/slides/SKILL.md
cli/assets/skills/ui-styling/SKILL.md
.claude/skills/design/SKILL.md
cli/assets/skills/design/SKILL.md

Metadata

Files
0
Version
09170ee
Hash
86c07f19
Indexed
2026-08-20 13:27

ホーム - Wiki
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-09-29 16:43
浙ICP备14020137号-1