Guide · Agent skill
How to use the Graphify Dark Deck agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
Graphify Dark Deck is an agent skill (skill name deck-graphify-dark) that tells an AI agent to build a presentation in a dark, night-sky visual style. It is meant for developers and founders preparing a launch deck for a dev tool or AI product. After this guide you will know what the skill changes, how to install it, how to ask for it in plain language, and what to check before using it.
Graphify Dark Decknexu-io/html-anything · Apache-2.0 Download the skill Quick start
- 1Download the ZIP. Get the deck-graphify-dark skill ZIP from this page.
- 2Unzip the folder. Extract the deck-graphify-dark folder, which contains SKILL.md and example.html.
- 3Choose a location. Put it in ~/.claude/skills/ for personal use or in your project's .claude/skills/ folder.
- 4Or upload in the Claude apps. Open Settings, go to Capabilities, then Skills, and upload the skill.
- 5Install the font. Make sure JetBrains Mono is available on the machine that will show the deck.
- 6Ask for a deck. Request a dark launch deck for your dev tool or AI product in plain language.
- 7Review for readability. Check contrast and legibility on the screen you will present on.
What is an agent skill, and what does this one make the agent do?
An agent skill is a folder with a SKILL.md file that gives an AI agent extra instructions for a specific kind of task. When the skill is installed and you ask for a matching job, the agent follows those instructions.
This skill is a visual template and layout guide for slides. It tells the agent to use a dark gradient background that moves from #06060c to #0e1020, soft floating blurred circles (orbs), and a force-directed network graph drawn as SVG on the cover. Section headings use a rainbow gradient, code and CLI pages use JetBrains Mono with syntax highlighting, and content cards use a frosted-glass (glassmorphism) look.
- Cover: dark gradient, floating blur orbs, SVG force-directed graph
- Section pages: rainbow-gradient headings
- Code / CLI pages: JetBrains Mono highlighting
- Content pages: glassmorphism cards
Install the Graphify Dark Deck skill
Download the skill ZIP from this page and unzip it. You have two options. For a personal setup, place the unzipped deck-graphify-dark folder in ~/.claude/skills/. To limit it to one project, place it in that project's .claude/skills/ folder.
If you use the Claude apps instead, open Settings, go to Capabilities, then Skills, and upload the skill there.
- Personal: ~/.claude/skills/deck-graphify-dark/
- Single project: .claude/skills/deck-graphify-dark/ inside your project
- Claude apps: Settings → Capabilities → Skills → upload
Trigger the skill with natural requests
You do not need a special command. Describe a launch deck for a developer tool or AI product and mention the dark or night-sky style, the graph cover, or the code/CLI look. The agent will match your request to the skill's description, which mentions dark gradients, orbs, SVG force-directed graphs and JetBrains Mono.
Be specific about your product and the number of slides. The skill's layout rules apply most clearly to a 16:9 deck.
- "Make a 10-slide dark launch deck for my CLI tool using the Graphify Dark style."
- "Build a cover with a dark gradient and a network graph, then a code slide for the install command."
- "Create section headers with rainbow gradient text for my AI product pitch."
Examples of what you get
The included example.html shows the styled layout. Use it as a reference for how the cover, section, code and card pages should look. Expect a cover with a dark background and an illustrative graph, section slides with gradient titles, and code slides in a monospaced font.
The graph is a styled drawing, not a data visualisation. The skill does not describe any data pipeline, so if you need a graph of real data you will need to supply the nodes and edges yourself.
What you need before you start
The skill relies on the JetBrains Mono font, which is named in the style description. The source does not say whether it is installed on your machine, so install it yourself or check that your presentation tool can load it before you rely on the code-slide look.
The skill runs no scripts and uses no network access, according to its description.
- JetBrains Mono font available on the machine that displays the deck
- An agent environment that can load skills (Claude with skills support)
Safety notes and readability checks
Because the skill runs no scripts and uses no network, it only shapes the agent's output. Still, read any generated deck before sharing it.
The dark gradients, glass effects and rainbow headings are a stylistic choice. Low-contrast text can be hard to read on some projectors, so test the deck on the screen you will use.
- Check text contrast on the actual projector or screen
- Confirm the font displays correctly, or the code slides will fall back to another font
- Do not use this style for formal or print decks that need a light, conservative look
Tips for better results
Give the agent your real product name, key claims and any code snippets to show. The skill controls the look, so your content should carry the message.
Ask for one style change at a time, such as a lighter card background or fewer orbs, if the default is too busy for your audience.
- Provide exact install or CLI text so code slides are accurate
- Keep headings short so the rainbow gradient stays legible
- Ask for a light variant in a separate deck if you need both
What people use it for
- A launch deck for a developer tool with a dark cover and a code slide for the install command
- A pitch for an AI product with a network-style cover and rainbow section headings
- A consistent CLI walkthrough deck where every code page uses the same monospaced style
Frequently asked questions
How do I install the Graphify Dark Deck skill?
Download the skill ZIP from this page and unzip it. Place the deck-graphify-dark folder in ~/.claude/skills/ for personal use or in a project's .claude/skills/ folder. In the Claude apps, you can instead upload it under Settings → Capabilities → Skills.
Does this skill need any requirements?
The skill relies on the JetBrains Mono font, named in its style description. The source does not state whether the font is installed on your machine, so check before presenting. The skill runs no scripts and uses no network.
Is the Graphify Dark Deck skill free?
The skill is listed under the Apache-2.0 licence, as part of the nexu-io/html-anything repository. Check that licence text for the terms that apply to your use.
Will the skill create a real data graph for my product?
No. The network graph on the cover is a styled SVG drawing. The example shows a layout only, and the files do not describe a data pipeline, so you must supply any real graph data.
Is this skill good for formal or accessible presentations?
Not usually. The dark gradients, glass cards and rainbow headings suit a modern developer launch. For formal, print or accessibility-sensitive decks, where low contrast can be hard to read on projectors, pick a lighter, more conservative style.
What should I use instead if I need a light corporate deck?
This skill is aimed at dark, tech-styled launch decks. For a light, conservative corporate look, choose a different template or ask the agent for a light design in a separate skill or request, since this skill's rules are all dark-styled.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
Choose Graphify Dark Deck if you are a developer or founder preparing a dark-styled launch deck for a dev tool or AI product and want a modern layout without starting from scratch. Skip it for formal, print or accessibility-sensitive decks, and do not expect it to produce real graph data.
Download the skill