VividKit Crystal clear AI coding
VI
Choose Your Setup Get Started with AgentKit Continue with ClaudeKit Migrate from ClaudeKit to AgentKit Clean cutover from ClaudeKit What Is AgentKit? How AgentKit Works AgentKit Kits, Skills, Agents & Hooks AgentKit Runtime Support AgentKit Desktop App AgentKit Configuration AgentKit CLI Quick Reference AgentKit Skills Cheatsheet AgentKit Workflows AgentKit Statusline Update AgentKit CLI & Kits AgentKit Helper Clean reinstall of AgentKit AgentKit Troubleshooting What is ClaudeKit? ClaudeKit CLI Guide Command Finder Commands Cheat Sheet Workflow Recipes CLI Quick Reference Claude Mechanics Permission Modes ClaudeKit Hooks Coexistence ClaudeKit x Codex CK → Other coding tools How ClaudeKit Works Inside ClaudeKit Finding Your Unknowns Session Recovery Fix from Logs UI/UX Guide Accounts Switcher IDE Config Remote Control Codex App System Diagramming UI Review Gate Promotions Support VividKit

Quick Ref / Command

Marketing Kit

/ak:slides

Strategic HTML presentations

Strategic HTML presentation builder with Chart.js, design tokens, responsive layouts, copywriting formulas, layout patterns, and contextual slide strategy.

01

Read Brief

02

Frame Direction

03

Route Create

04

Plan Narrative

Rule 01

Slides are strategic communication artifacts, not decorative templates.

Rule 02

Audience, purpose, and aesthetic direction must be explicit before production.

Rule 03

Use layout patterns and copywriting formulas to make each slide carry one clear idea.

Rule 04

Quality preflight guards against generic visual filler and fake-looking assets.

Execution Map

Core lanes from input to output, aligned with the command's real execution path.

01

Start

Input, scope, route

  1. 1 Read Brief Parse topic, slide count, audience, deck purpose, content type, data needs, and constraints.
  2. 2 Frame Direction State the deck purpose, audience, and aesthetic direction; ask exactly one question if ambiguous.
02

Work

Agent / skill execution

  1. 3 Route Create Load references/create.md and the supporting knowledge base for layout, template, copywriting, and slide strategy.
  2. 4 Plan Narrative Choose a strategic slide structure and copywriting formula for the audience and intended persuasion path.
03

Verify

Gate, review, validation

  1. 5 Design Layouts Apply design tokens, responsive layouts, visual hierarchy, and varied slide patterns.
  2. 6 Add Data Viz Use Chart.js where data-driven slides need charts, metrics, comparisons, or trends.
04

Close

Report, handoff, artifact

  1. 7 Quality Preflight Check for generic gradients, template card grids, fake screenshots, decorative clutter, weak content, and one-note palettes.
  2. 8 Deliver Deck Return a strategic HTML presentation ready for browser review and iteration.

Modes / Routes

create

Create strategic presentation slides from a topic and slide count; create must be the first subcommand.

Research:
Brief
Review:
Generic deck
Validate:
Preflight

Sample Prompt

Concrete invocations for each flag, subcommand, mode, or route available in the live workflow.

Create deck Recommended 
/ak:slides create Product launch narrative 12
Use when:
You need a strategic HTML deck around a launch story.
Expected:
Deck direction, narrative, responsive HTML slides, and design preflight.
Topic + count 
/ak:slides create Pricing strategy update 8
Use when:
You have a topic and target deck length.
Expected:
Strategic slide plan and HTML presentation.
Data deck 
/ak:slides create Q3 marketing performance 10
Use when:
You need charts, metrics, comparisons, or trends in a presentation.
Expected:
Data-driven HTML slides with Chart.js visualizations where useful.

Handled Scope

  • HTML slide decks
  • Chart.js data visualization
  • Responsive layouts
  • Design tokens
  • Copywriting formulas
  • Pitch narratives
  • Design preflight

Next