Slides

作者 nextlevelbuilder1a2c459b35f2无许可证收录于 2026年10月8日更新于 2026年10月8日

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

AI 生成的概览

创建带有 Chart.js 数据可视化、设计令牌和文案公式的策略型 HTML 演示文稿。

功能
该技能指导创建策略型 HTML 演示幻灯片,使用 Chart.js 实现数据可视化,并结合设计令牌与响应式布局。它依托随附的参考资料,涵盖布局模式、HTML 模板、文案公式和幻灯片策略。产出物是以 HTML 构建的演示文稿,面向营销和路演场景。
适用场景
适用于营销演示和路演材料、需要图表的数据驱动幻灯片,或需要遵循文案与布局模式的演示内容。适合以 HTML 演示文稿为交付物的策略型幻灯片设计。
运行要求
仅为说明性内容,技能不附带脚本。它依赖技能文件夹内的参考文档,并期望项目根目录下存在品牌指南、设计令牌或源素材等项目文件。可视化使用 Chart.js。

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

SubcommandDescriptionReference
createCreate strategic presentation slidesreferences/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)

TopicFile
Layout Patternsreferences/layout-patterns.md
HTML Templatereferences/html-template.md
Copywriting Formulasreferences/copywriting-formulas.md
Slide Strategiesreferences/slide-strategies.md

Routing

  1. Parse subcommand from $ARGUMENTS (first word)
  2. Load corresponding references/{subcommand}.md
  3. Execute with remaining arguments

来源与署名

来源:nextlevelbuilder/ui-ux-pro-max-skill位于.claude/skills/slides提交1a2c459

许可证: 无许可证

内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。

举报或申请下架