Skip to content
Get packs

Dir-Key Nav Minimal Deck

Builds a minimal, single-color-background slide deck with arrow-key navigation hints.

Source Download skill
Repository
nexu-io/html-anything
Stars
9,376
Licence
Apache-2.0
Files
2 files

What it does

When installed, the agent can turn your content into a short minimalist presentation, roughly 8 or more slides, each with a solid colour background chosen from a fixed palette. Slides use very large headings with a short bold accent line, arrow-prefixed lists, and small keyboard-arrow hints and page numbers in the corners. The skill is a style guide and template that shapes the HTML output; it does not add new tools.

Great for

  • People who want a clean, sparse keynote-style talk without heavy graphics
  • Designers prototyping a bold, typographic presentation
  • Anyone who has a few key messages to present and wants a quick single-file deck

Skip it if

  • Data-heavy slides with charts or tables, since the layout is built around big headings and short lists
  • Formal corporate templates that need brand logos or strict corporate styling
  • Users who need an editable PowerPoint or Google Slides file, since the output is HTML

Try asking

  • “Make a minimal 10-slide keynote from these notes about our product launch”
  • “Turn this essay into a bold, colour-block presentation with arrow-key navigation”
  • “Create a simple talk deck with large headings and one key point per slide”
Step-by-step guide: how to use Dir-Key Nav Minimal DeckInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the Apache-2.0 licence and an attribution note.

    deck-dir-key-nav.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip deck-dir-key-nav.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip deck-dir-key-nav.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

  • Give the agent your content up front; it decides the slide count from how much material you provide.
  • Ask for a specific palette colour order if you want a particular look, and check the preview in a browser.
  • Review the generated HTML for accurate text, since the style emphasises large type that can overflow on small screens.

What's inside

  • example.html
  • SKILL.md

Redistributed unmodified from nexu-io/html-anything under the Apache-2.0 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.