Skip to content
Get packs

Presentation Structure Editor

Lets the agent edit a single-file HTML slide deck with correct numbering, levels and navigation

Source Download skill
Repository
shanraisshan/claude-code-best-practice
Stars
68,452
Licence
MIT
Files
1 file

What it does

This skill gives an AI agent detailed knowledge of one specific HTML slide presentation (presentation/index.html) in the claude-code-best-practice repository. Once installed, the agent knows how slides are marked up, how the journey progress bar levels work, how navigation links must match slide numbers, and the renumbering steps to follow after adding, removing or reordering slides. It is a set of instructions for editing that one project rather than a general presentation tool.

Great for

  • Maintainers of the claude-code-best-practice presentation who want an agent to add or reorder slides safely
  • Contributors who need consistent data-slide numbering and goToSlide links after edits

Skip it if

  • Creating presentations from scratch for other projects, since it only describes one repository's file layout and level system
  • Anyone expecting it to generate slide designs or export to PowerPoint, because the file only covers HTML structure and navigation rules

Try asking

  • “Add a new slide about hooks after slide 12 and renumber everything”
  • “Move the Part 3 section divider and update the table of contents links”
  • “Check that the slide numbers and goToSlide calls have no gaps or duplicates”
  • “Explain how the journey bar level is set for the Appendix slides”
Step-by-step guide: how to use Presentation Structure EditorInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 1 original files, the MIT licence and an attribution note.

    presentation-structure.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip presentation-structure.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip presentation-structure.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Point the agent at presentation/index.html explicitly so it applies these rules to the correct file
  • Ask the agent to list every data-slide number after an edit to verify the renumbering
  • Review the diff in a browser, since the skill itself does not render or test the slides

What's inside

  • SKILL.md

Redistributed unmodified from shanraisshan/claude-code-best-practice under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.