web-design-skills

---

Table of contents

Install	Use	Contribute
Install skills CLI (npx) Claude Code plugin marketplace Pinned .zip from Releases Manual copy Git submodule	Compatibility What is a Skill?	Contributing Acknowledgments License

---

web-video-presentation

Category: Web Video / Presentation Engineering
Best for: turning scripts, articles, lessons, product demos, and talks into click-driven 16:9 web presentations that can be screen-recorded as cinematic videos.

web-video-presentation builds record-ready Vite + React + TypeScript presentations that behave like video production surfaces. The workflow turns raw articles into narration scripts, maps script beats to full-screen scenes, pauses at required checkpoints, and can optionally synthesize narration audio after the visual outline is approved.

Highlights:

• Fixed 1920×1080 stage that scales to the viewport for stable screen recording
• Click / keyboard driven (chapter, step) cursor, with one narration beat per visual step
• Hard collaboration checkpoints for script, theme, outline, implementation mode, and optional audio
• Hidden hover-only progress controls so the stage stays clean while recording
• Theme-token architecture with 23 built-in themes, each with its own design signature — editorial, terminal, engineering, Swiss International, and more
• Pluggable TTS — provider-agnostic audio runner; ships two built-in providers (MiniMax mmx-cli + OpenAI TTS via curl) plus a contract + ready-to-paste snippets for ElevenLabs / edge-tts / Azure / Google Cloud / macOS say
• Scaffolded Vite + React + TypeScript project with reusable stage primitives and recording guidance