Inspiration Deck Workshop

Inspiration Deck Workshop

Use this skill to create local static HTML presentation decks that can be opened directly in a browser, validated with the project CLI, and packaged as reusable client-ready examples.

When to Use

Use this skill for:

• Business reports, product launches, proposal pitches, course modules, research briefs, project roadmaps, workshop playbooks, and social carousel decks.
• Requests that need a real HTML presentation rather than a chat-only outline.
• Workflows where the output should be checked by a validator before being handed off.
• Client previews where theme, motion, layout, and speaker notes matter.

Before Authoring

Confirm any missing basics:

1. Topic and desired outcome.
2. Audience and decision context.
3. Slide count or speaking duration.
4. Visual direction or theme.
5. Whether speaker notes are needed.
6. Desired delivery format: browser HTML, PNG, PDF, or a reusable template.

If the user has not specified a visual direction, choose a conservative existing theme that matches the scenario rather than inventing a new theme.

Default Workflow

1. List available options when needed:

• node tools/cli.mjs list decks
• node tools/cli.mjs list themes
• node tools/cli.mjs list layouts

1. Start from an existing deck template instead of a blank page:

• node tools/cli.mjs new --template --theme

1. Edit only the generated deck unless the user explicitly asks to change shared assets.
2. Keep visible slides focused on audience-facing content.
3. Put speaker cues, narration, and reminders in ``.
4. Validate the deck:

• node tools/cli.mjs validate --write-manifest

1. When export is requested, use:

• node tools/cli.mjs export --format png --out
• node tools/cli.mjs export --format pdf --out

1. Report the checked index.html path, manifest.json path, and any exported artifact paths.

Quality Gate

Before calling a deck complete:

• Run node tools/cli.mjs validate --write-manifest.
• Confirm every slide has a data-title.
• Confirm the deck has a theme-link stylesheet and runtime script.
• Confirm speaker notes are present when requested.
• For client samples, open or screenshot the deck when possible and check that the first slide renders correctly on desktop and mobile-sized viewports.

Useful References

• README.zh-CN.md: project overview and phase validation commands.
• docs/skill-install-and-usage.md: installation and day-one usage guide.
• docs/skill-delivery-checklist.md: packaging and external handoff checklist.
• templates/theme-animation-gallery/index.html: live theme and motion showroom.
• examples/client-product-launch/index.html: generated client-ready sample deck.

Guardrails:

• Do not copy author details, README prose, code headers, template text, or branded wording from reference projects.
• Do not add a license file unless the project owner explicitly changes the license plan.
• Do not edit global runtime or theme files for a single deck unless the task is explicitly about shared assets.
• Do not present an unvalidated deck as ready for delivery.

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

• Author: zjsthmjialin
• Source: zjsthmjialin/inspiration-deck-workshop
• License: MIT
• Homepage: https://zjsthmjialin.github.io/theme-motion-showroom-preview/

Install and usage instructions live in the source repository linked above.