Skip to content
Get packs

Graphify Dark Deck

Builds a dark-themed, graph-styled slide deck for dev-tool and AI launches

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

What it does

When installed, this skill tells the agent to produce a presentation in a dark 'night sky' visual style: a gradient background, soft floating blurred circles, a force-directed network graph drawn as SVG on the cover, rainbow-gradient section headings, monospaced code/CLI pages, and frosted-glass cards. It is a visual template and layout guide for slides, aimed at launching a developer tool or AI product, rather than a tool that fetches data or runs software.

Great for

  • Developers or founders preparing a dark-styled launch deck for a dev tool or AI product
  • Anyone who wants a modern, tech-looking slide design without starting from scratch
  • Teams that want a consistent code/CLI slide style with a monospaced font

Skip it if

  • Formal corporate or print decks that need a light, conservative look (the dark gradients and glass effects are a stylistic choice that may not suit them)
  • Accessibility-sensitive presentations, since low-contrast dark gradients and rainbow headings can be hard to read on some projectors
  • Anyone expecting the skill to generate real graph data; the example only shows a styled layout, and the files do not describe a data pipeline

Try asking

  • “Make a dark launch deck for my new CLI tool with a graph-style cover”
  • “Create a dark-themed presentation introducing our AI knowledge-graph product”
  • “Build a 16:9 slide deck with code pages in JetBrains Mono and glassmorphism cards”
Step-by-step guide: how to use Graphify Dark 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-graphify-dark.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip deck-graphify-dark.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip deck-graphify-dark.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

  • Specify your product name, key message, and number of slides so the agent can fill the layout sections
  • Ask for a light variant if the dark style does not suit your audience or venue
  • Check colour contrast and font availability before presenting, since the skill names a specific font and dark gradients

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.