skills.rest
Emasoft
EmasoftCOMMUNITY
Explore all skills by this author →
Website𝕏@fmuaddibGitHub

amvcp-slide-decks

Generate interactive HTML slide decks from validated JSON contracts.

Updated May 8, 2026
Search Tags:#theming#keyboard navigation#presentation#slide deck#interactive html#json contract
One-click install
npx skills add https://github.com/Emasoft/ai-maestro-visual-communicator-plugin --skill amvcp-slide-decks
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: amvcp-slide-decks
Source: https://github.com/Emasoft/ai-maestro-visual-communicator-plugin/tree/main/skills/amvcp-slide-decks
Command: npx skills add https://github.com/Emasoft/ai-maestro-visual-communicator-plugin --skill amvcp-slide-decks

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill turns a structured JSON deck contract into a single, interactive HTML slide deck for projection or sharing, so you avoid hand-authoring brittle HTML while still getting consistent typography, pacing, and navigation.

Core Features & Use Cases

  • Self-contained interactive HTML: Produces one HTML file with all runtime behavior embedded for easy sharing and reliable rendering.
  • JSON typed-block contract: Authors slides using a validated JSON schema with typed blocks and named layouts to keep structure consistent.
  • Presentation-grade stage rendering: Uses a fixed-pixel “stage” with letterbox scaling (or responsive mode) to keep slide composition stable across viewports.
  • Deck navigation + persistence: Keyboard, touch swipe, dot navigation, and slide-position persistence via localStorage.
  • Design-token theming: Themes slides via DESIGN.md tokens (with safe defaults), supporting light/dark correctness.
  • Fail-fast delegated visuals: Supports delegated code, diagram, and chart blocks via sibling modules and throws clear errors when missing.

Quick Start

Use the amvcp-slide-decks skill to create a slide deck JSON for Q3 results and render it as an interactive HTML when the user asks for a presentation or pitch deck.

Frequently Asked Questions about amvcp-slide-decks

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate an interactive HTML presentation from JSON data?▼

You can generate an interactive HTML presentation from JSON by defining a structured deck contract that specifies layouts and typed content blocks, which renders into a self-contained single-file HTML output with embedded navigation and scaling.

Can I use keyboard navigation and touch swipe for a single-file HTML slide deck?▼

Yes, the single-file HTML slide deck supports keyboard navigation, touch swipe gestures, and dot navigation, while persisting the current slide position across sessions using browser localStorage.

How does design-token theming keep slide typography consistent across viewports?▼

Design-token theming applies consistent typography and light/dark correctness to slides using predefined tokens, while a fixed-pixel stage with letterbox scaling maintains stable slide composition across different screen sizes.

What happens if my presentation JSON contract contains invalid inputs?▼

Invalid inputs in your presentation JSON contract trigger fail-fast validation rules during parsing, throwing clear errors before rendering begins to prevent broken slide layouts and ensure structural consistency.

Does this slide deck generator support rendering charts and diagrams?▼

The slide deck generator supports delegated code, diagram, and chart blocks via sibling modules, throwing clear errors when those dependencies are missing rather than attempting to render incomplete visuals.

What are the limitations when authoring slides with typed content blocks?▼

Authoring slides with typed content blocks enforces presentation-safe constraints like headline quality checks and density overflow guards, which prevents overcrowded slides but requires carefully structured JSON content.

Related Skills

Explore More Content & Communication Skills→
koseki2580koseki2580

html-slide-deck

Convert structured source material into a browser-based HTML slide deck.

Community
Advanced
refractionPOINTrefractionPOINT
29

graphic-output

Generate self-contained HTML dashboards with D3.js charts from LimaCharlie data.

Official
Advanced
trehansaliltrehansalil

wowerpoint

Convert text documents into kawaii-themed slide-deck PDFs.

Community
Intermediate
Clos01Clos01
3

html-ppt-taste-editorial

Generate editorial-minimalist 16:9 HTML presentation decks with refined typography and structured slide layouts.

Community
Intermediate