nexu-io avatar

Editorial Burgundy Principles Template

A three-slide HTML deck generator for internal manifestos, culture docs, or strategy storytelling. You get a numeric headline slide, a tag cloud with title lockup, and an eight-card principles grid, all styled in burgundy, blush, and muted gold. It's self-contained HTML with keyboard and click navigation baked in. The whole thing lives in one artifact, no external dependencies. Useful when you need something that looks more like a studio portfolio piece than a standard pitch deck, and you want to skip the Figma-to-code translation step. The color palette does most of the heavy lifting.

skills.sh installs
2.9K
GitHub stars
106.9K
last updated
Aug 21, 2026

Install

$ npx -y skills add nexu-io/open-design --skill editorial-burgundy-principles-template --agent claude-code

Installs into .claude/skills of the current project.

Files

Editorial Burgundy Principles Template

A three-slide editorial deck for culture narratives, strategy storytelling, and internal manifestos.

Resource map

editorial-burgundy-principles-template/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html

Workflow

  1. Start from assets/template.html.
  2. Keep the 3-slide sequence:
    • numeric headline
    • studio tags + title lockup
    • eight-principles card grid
  3. Replace copy while preserving card and tag hierarchy.
  4. Keep interactions:
    • Prev / Next buttons
    • dot navigation
    • keyboard navigation (ArrowLeft / ArrowRight)
  5. Keep HTML self-contained and sandbox-safe.

Output contract

Emit one concise orientation sentence and one HTML artifact:

<artifact identifier="editorial-burgundy-principles" type="text/html" title="Editorial Burgundy Principles Deck">
<!doctype html>
<html>...</html>
</artifact>

Sponsors

Details

Repository
github.com/nexu-io/open-design
Categories
Design & UI/UX, Office & Documents
First seen
Jun 3, 2026

More from nexu-io/open-design

All 217
1nexu-io avatarpaywall-upgrade-cronexu-io/open-designDesign and optimize upgrade screens, paywalls, and upsell modals. Useful for SaaS conversion design and pricing-page experiments.2.9Kskills.sh installs
2nexu-io avatardeck-guizang-editorialnexu-io/open-designEditorial magazine meets e-ink: 10 layouts and 5 palettes (Ink, Indigo Porcelain, Forest Ink, Kraft Paper, Dune).2.8Kskills.sh installs
3nexu-io avatarfal-trainnexu-io/open-designTrain custom AI models (LoRA) on fal.ai for personalized image generation tailored to a brand, character, or style.2.8Kskills.sh installs
4nexu-io avatarfal-realtimenexu-io/open-designReal-time and streaming AI image generation via fal.ai. Suited for moodboard exploration, draft variations, and rapid creative iteration.2.8Kskills.sh installs
5nexu-io avatardeck-open-slide-canvasnexu-io/open-designLocked 1920x1080 canvas deck with React component-level free composition, not bound to a fixed template.2.8Kskills.sh installs
6nexu-io avatarframe-liquid-bg-heronexu-io/open-designWebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.2.7Kskills.sh installs