slides

Strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas. Sunum hazırla, slayt tasarla, HTML sunum, pitch deck.

SKILL.md

GitHub

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

Yiğit's working rules (added)

The instructions above are the current upstream skill, unchanged. Yiğit's earlier customized workflow for this skill is kept in yigit/YIGIT-WORKFLOW.md. Read it as well; where it is stricter (keep the existing stack, no new dependencies, verify accessibility and the rendered result, preserve brand assets), follow it. Otherwise the upstream instructions apply.