Plan and write slide decks with YAML frontmatter and React.
npx skills add https://github.com/Haslien/My-Claude-Skills --skill slides-haslien
Please help me install this Agent Skill. Skill: slides Source: https://github.com/Haslien/My-Claude-Skills/tree/main/.claude/skills/slides Command: npx skills add https://github.com/Haslien/My-Claude-Skills --skill slides-haslien
This Skill provides a formal, frontmatter-driven framework to plan, design, and deliver high-quality slide decks, ensuring consistency and a clear narrative across projects.
Design and write your first deck by defining SKILL.md, drafting PLAN.md, and following the workflow to populate slides.
High-intent search queries and answers about installing and using this skill.
To build a React presentation deck, this skill provides Mode B to construct a static React deck with a fixed stage, keyboard navigation, and demo components, enforcing a clear narrative structure through a frontmatter-driven workflow.
You can plan slide copy without generating code using Mode A, which focuses on audience analysis, narrative structure, and writing slide text, ensuring a clear narrative before any visual design begins.
Frontmatter-driven slide design uses a YAML entry point with a required name and description to guide skill activation, loading optional components like scripts, references, and assets on demand to structure the presentation.
You do not need external dependencies to create a static slide deck, as the skill operates through a safe, dependency-checked workflow using a skeleton deck shell with built-in slide primitives and a registry.
To manage presentation assets and references, the skill uses a PLAN.md file and a slide registry, loading optional resources like scripts, references, and assets on demand to support the deck lifecycle.
The best way to ensure accessibility in a slide presentation is to follow the skill's enforced design rules, which cover accessibility alongside audience analysis and narrative structure during the planning and building phases.
mahg-esGenerate branded slide deck structures with per-slide content and speaker notes.
Ricardo-VaeGenerate static HTML/CSS/JS slide decks with themes and presenter mode.
zomeruRefactor React components into compound components, render props, and context providers.
stahuraConvert source content into HTML slide decks and PDF exports.
