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 從公開儲存庫中收錄這些內容。

檢舉或申請下架