← Back to Agent Skills

Visual

Code Slides

Build code-native presentations and deck workflows from source material.

A presentation workflow for HTML-based decks, code-backed slides, and structured slide production from technical or product inputs.

What it does

Use it when slides should be generated, edited, or maintained as code rather than manually rebuilt in a GUI every time.

How it works

  • Starts from narrative structure, audience, and key claims before worrying about visuals.
  • Turns source material into slide sections, supporting content, and implementation-ready deck structure.
  • Keeps decks portable and versionable by treating them as source-controlled artifacts.

Best for

  • Technical presentation workflows
  • HTML or code-driven decks
  • PPT-to-web or narrative refactors

Expected outputs

  • Deck outline and slide content
  • Code-native presentation structure
  • Follow-up visual or speaker-note guidance
Code Slides Skill | Alvaro Villalba