Skip to content
Get packs

8-Bit Orbit Story Deck

Builds a retro-arcade styled HTML slide deck telling a personal hobby story

Source Download skill
Repository
nexu-io/open-design
Stars
105,448
Licence
Apache-2.0
Files
3 files

What it does

This skill gives an AI agent a ready-made HTML slide-deck template with a dark, pixel-art neon arcade look. When you ask for a presentation, the agent copies the template, replaces the sample text with your own headlines, numbers and story, and keeps the retro design intact. It can add slides by copying existing layouts, and it is designed to output a single self-contained web page you can open in a browser.

Great for

  • Someone who wants a personal or hobby story presented as a visual slide deck with a gaming or retro feel
  • Hobby or community groups sharing a project with friends in a playful, nostalgic style
  • Developers or tech presenters who want a synthwave or cyberpunk-styled demo deck

Skip it if

  • Formal, institutional, financial or healthcare materials, because the dark neon palette conflicts with serious or patient-facing messaging (the skill itself says to avoid these)
  • Anyone needing a deck whose fonts, colours or layout can be customised freely, since the skill instructs the agent to keep the design system unchanged

Try asking

  • “Turn my retro arcade collection hunt into a 10-slide story deck for my hobby group”
  • “Create an 8-bit styled HTML presentation about my indie game dev journey”
  • “Make a neon-themed slide deck about my weekend travel photos for friends”
Step-by-step guide: how to use 8-Bit Orbit Story DeckInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

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

    html-ppt-zhangzara-8-bit-orbit.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip html-ppt-zhangzara-8-bit-orbit.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip html-ppt-zhangzara-8-bit-orbit.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 real headlines, numbers and dates up front so it replaces placeholders accurately rather than leaving sample text.
  • Ask for the number of slides you need; the agent will duplicate or drop layouts to match.
  • Open the resulting HTML file in a browser to preview; keep the LICENSE file with any copies, as the template is MIT-licensed upstream.

What's inside

  • example.html
  • SKILL.md
  • template.json

Redistributed unmodified from nexu-io/open-design 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.