fs-editorial-forest

Generate editorial-style HTML presentation decks using a fixed-layout design system.

93.2k|10.8k|Updated Apr 28, 2026

Search Tags:#HTML #presentation #editorial #visual-system #deck #design-craft

One-click install

npx skills add https://github.com/nexu-io/open-design --skill fs-editorial-forest

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: fs-editorial-forest
Source: https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/fs-editorial-forest
Command: npx skills add https://github.com/nexu-io/open-design --skill fs-editorial-forest

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

This Skill addresses the need for high-quality, aesthetically consistent presentation decks that avoid the generic look of standard corporate templates, providing a structured design system for professional storytelling.

Core Features & Use Cases

Fixed-Layout Design System: Enforces a strict 1920x1080 design grid with predefined typography and color tokens to ensure visual integrity.
Editorial Aesthetic: Provides a literary, warm visual language suitable for quarterly reviews, studio updates, and research recaps.
Use Case: A creative director needs to present a fashion house's annual report to stakeholders; this Skill generates a decision-grade deck that feels authored by a senior designer rather than a generic slide generator.

Quick Start

Use the fs-editorial-forest skill to generate a design-grade presentation deck based on the provided annual report content and audience requirements.

Frequently Asked Questions about fs-editorial-forest

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I create a new presentation deck with this Skill?▼

Start by using the example.html file as a template, keeping the inline deck-stage runtime and CSS tokens intact, then replace the slide content within the section elements.

Can I change the colors or fonts in the deck?▼

The design tokens are locked to maintain the editorial aesthetic. You must use the specified forest green, dusty pink, and warm cream palette along with Source Serif 4 and JetBrains Mono fonts.

Does this Skill support responsive design?▼

The deck uses a fixed 1920x1080 stage that scales uniformly to the viewport using CSS transforms, ensuring the layout remains identical across all devices without reflowing content.

How do I add more slides to the presentation?▼

You can add more slides by reusing the existing master classes like .two-col, .data, or .statement, while ensuring you maintain the required tone alternation between dark, light, and pink canvases.