Skip to content
Get packs

Editorial Forest Deck Designer

Builds a magazine-style, single-file HTML slide deck with a locked forest-green, pink and cream design system.

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

What it does

When installed, the agent builds presentation slides as one self-contained HTML file using a fixed visual theme: forest green, dusty pink and warm cream colours with the Source Serif 4 font, laid out like an editorial magazine. It starts from a provided example.html template, keeps the template's design rules and slide-scaling code, and only swaps in your content. It also plans the slide sequence, writes slide text and suggests a visual direction.

Great for

  • Designers or strategists who want a calm, editorial-style HTML deck for a quarterly review or internal readout
  • Teams preparing executive or stakeholder decks that should feel warm and unhurried rather than corporate
  • People who want a consistent, locked visual system across many slides without picking colours and fonts each time

Skip it if

  • Urgent, punchy or sales-driven content, which the skill itself says this theme is unsuited to
  • Anyone needing charts from a charting library, since the theme forbids Chart.js and similar tools and uses pure CSS bars instead
  • Situations needing a different brand palette, because the rules say no other colours or fonts may be introduced

Try asking

  • “Make my quarterly review into an 8-slide editorial HTML deck in the forest green and cream theme”
  • “Turn these research findings into a calm, magazine-style slide deck for an exec audience”
  • “Plan the slide structure and written slides for a studio update, then build the HTML”
Step-by-step guide: how to use Editorial Forest Deck DesignerInstall, 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.

    fs-editorial-forest.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip fs-editorial-forest.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip fs-editorial-forest.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

  • Provide your content and must-keep numbers up front, since the skill asks only for missing essentials such as audience, decision target and deadline.
  • Open the resulting HTML in a browser to check scaling; the deck is fixed at 1920x1080 and scales to fit the window.
  • Expect the Google Fonts link in the template to load fonts from the internet when the deck is opened, even though the skill itself does not fetch data.

What's inside

  • open-design.json
  • SKILL.md

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.