Guide · Agent skill
How to use the Editorial Forest Deck Designer agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
Editorial Forest is an agent skill that tells your AI agent to build a presentation as one self-contained HTML file in a fixed editorial style: forest green, dusty pink and warm cream, set in Source Serif 4. This guide explains what the skill does, how to install it, how to trigger it with a plain request, and where it fits. By the end you will be able to add the skill, ask for a deck, and know what to check in the result.
Editorial Forest Deck Designernexu-io/open-design · Apache-2.0 Download the skill Quick start
- 1Download the ZIP. Download the Editorial Forest skill ZIP from this page. Keep it in a place you can find when you unzip it.
- 2Unzip into a skills folder. Unzip it into ~/.claude/skills/ for personal use, or into .claude/skills/ in a project. Confirm SKILL.md and example.html are present.
- 3Or upload in the Claude apps. In the Claude apps, open Settings, go to Capabilities, then Skills, and upload the ZIP.
- 4Ask for a deck in plain language. Describe the topic, audience, decision and must-keep numbers, and ask for a quiet editorial HTML deck in the Editorial Forest theme.
- 5Answer the agent's questions and review. Answer the agent's questions about audience, deadline and source material, then open the single HTML file in a browser and check each slide.
What the Editorial Forest skill makes the agent do
When the skill is installed, the agent builds slides as one self-contained HTML file using a fixed visual theme. It starts from a provided example.html template, keeps the template's design rules and slide-scaling code, and replaces only the content with yours.
The agent also plans the slide sequence, writes the slide text and suggests a visual direction. The theme is meant for quarterly reviews, internal readouts, studio updates and research recaps that should feel warm and unhurried rather than corporate.
- Output is one HTML file with the slide runtime inlined.
- Every slide is laid out at a fixed 1920 by 1080 size and scaled to fit the screen.
- Colours and fonts are locked to the theme; the agent is told not to add others.
- Charts are pure CSS bars, not a charting library.
Install the skill: download, unzip and place it
Download the skill ZIP from this page. Unzip it into your personal skills folder, ~/.claude/skills/, or into a project's .claude/skills/ folder if you want the skill available only in that project.
If you use the Claude apps instead, open Settings, go to Capabilities, then Skills, and upload the ZIP there. The skill folder should include SKILL.md and the template files the skill refers to, such as example.html; check the unzipped folder contains them before you start.
- Personal install: ~/.claude/skills/
- Project install: .claude/skills/ inside your project
- Claude apps: Settings, then Capabilities, then Skills, then upload the ZIP
Trigger the skill with a natural request
You do not need a special command. Ask for a deck in plain language and name the theme or its purpose, so the agent matches the skill. The skill's listed triggers include phrases such as html deck, html slides, design and visual-system.
The skill's own example request asks the agent first for only the missing essentials: audience, decision target, source material, deadline and any numbers that must stay exact. Answering those up front gives a tighter first draft.
- Example: Make a quiet editorial HTML deck for our Q3 review using the Editorial Forest theme.
- Example: Turn these notes into a calm single-file HTML slide deck for the leadership readout.
- Include your must-keep numbers and the audience in the same message.
Know the layout and rules you will get
The skill sets an eight-slide sequence that alternates dark green, cream and pink canvases: a cover, an agenda, a statement, a two-column narrative, a data slide, a framework, a stats slide and a summary. Longer decks can reuse these layouts, keeping the tone alternation, so no more than two same-tone slides run in a row.
The rules are strict on purpose. Slides do not scroll or overflow, and the agent is told to split content across more slides rather than shrink type. Navigation uses the arrow keys, Space, Page Up and Page Down, Home and End, number keys, and #n hash links. Printing gives one page per slide.
- Palette tokens: forest green, dusty pink, cream, ink, and one permitted alpha for chart grid lines.
- Fonts: Source Serif 4 for text, JetBrains Mono for labels and numbers.
- Not allowed: gradients, shadows, extra colours, extra fonts, Chart.js, mermaid or remote images.
- Each slide is one idea; keep KPI rows to three and step rows to four.
Requirements, scripts and network
The skill lists no requirements, does not run scripts, and is marked as not using the network. The output is one HTML file with no external JavaScript and no build step, so you open it in a browser.
One detail to know: the seed template loads the fonts through a Google Fonts link. Your browser fetches those font files when the deck opens, so an offline or locked-down machine may fall back to Georgia or another serif. The upstream template's design and runtime come from the MIT-licensed beautiful-html-templates project, and this listing is published under Apache-2.0.
- Requirements listed: none.
- Runs scripts: no.
- Uses network: no, but the seed's font link loads from Google Fonts in the browser.
- Open the finished .html file directly in a browser to present.
Tips for getting a good result
Give the agent real material and real numbers, not placeholders. The theme is quiet and low-pressure, so the headlines and copy the agent writes will be calm; if you need punchy copy, edit it afterwards or use a different theme.
Check the output against the skill's rules before sharing. Look for any colour or font outside the palette and any chart built with a library, since the rules forbid both.
- Start with the audience and the decision you want, then the source numbers.
- Ask for fewer, cleaner slides rather than denser ones.
- Review each slide for overflow, since the design avoids scrolling and crowding by design.
What people use it for
- A quarterly review deck for a design or strategy team that should feel warm rather than corporate.
- An internal studio or research readout where a consistent visual system matters across many slides.
- An executive or stakeholder update that needs a calm, unhurried tone with a locked look.
- A longer deck built by reusing the cover, data, framework and summary layouts.
Frequently asked questions
What is the Editorial Forest agent skill?
It is an agent skill that makes the AI agent build a presentation as one self-contained HTML file in a fixed editorial theme of forest green, dusty pink and cream, using Source Serif 4. The agent starts from a template, keeps its design rules and only replaces the content.
How do I install the fs-editorial-forest skill?
Download the ZIP from this page and unzip it into ~/.claude/skills/ or a project's .claude/skills/ folder. Alternatively, in the Claude apps, go to Settings, Capabilities, Skills and upload the ZIP.
Does the skill need anything else to run?
The listing states no requirements, no scripts and no network use. The output is a single HTML file you open in a browser, though its seed loads fonts from Google Fonts when the deck is viewed.
Is Editorial Forest free to use?
The listing is published under the Apache-2.0 licence. The skill's design is ported from an MIT-licensed upstream template, and the source says the LICENSE file ships with the plugin folder, so check that file for the terms that apply.
Can I use my own brand colours or fonts with it?
No. The skill's rules say no other colours or fonts may be introduced, so it is not suited to a different brand palette. Choose another theme or skill if you need your own colours.
Can it make charts with a charting library?
No. The theme forbids Chart.js and similar tools and uses pure CSS bars for data slides instead.
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
Use Editorial Forest if you want a calm, consistent, editorial-style HTML deck for quarterly reviews, internal readouts or executive updates and do not need your own brand palette. Pick something else for urgent or sales-driven content, for charts from a library, or for a brand that needs its own colours and fonts.
Download the skill