What it does. Knowledge about the presentation slide format, weight system, navigation, and section structure
Presentation Structure Skill
Knowledge about how the presentation at
presentation/index.html
is structured.
File Location
presentation/index.html
— a single-file HTML presentation with inline CSS and JS.
Slide Format
Each slide is a div with
data-slide
(sequential number) and optional
data-level
(journey level at transition points):
<!-- Regular slide — inherits level from previous data-level slide -->
<div class="slide" data-slide="12">
<h1>Slide Title</h1>
<!-- content -->
</div>
<!-- Level transition slide — sets new level for this slide and all
**Install**
```bash
npx skills add shanraisshan/claude-code-best-practice --skill presentation-structure
Or copy the skill folder manually:
git clone https://github.com/shanraisshan/claude-code-best-practice.git
cp -r claude-code-best-practice/.claude/skills/presentation/presentation-structure/ ~/.claude/skills/presentation-structure
Source: shanraisshan/claude-code-best-practice — 67,894 stars, MIT, verified 2026-10-22.
