swiss-creative-mode-template
Swiss-inspired creative-mode presentation template skill with bold editorial typography, high-contrast geometric cards, interactive slide navigation, theme switching, hotspot overlays, and palette choreography in a single-file HTML artifact. Use when users ask for a premium presentation-style landin
By nexu-io · 2,418 installs
npx skills add nexu-io/open-design --skill swiss-creative-mode-template
Source repository · Upstream listing
Swiss Creative Mode Template
Produce a premium Swiss/editorial style HTML template with strong visual rhythm
and meaningful interactions, then emit it as a single file artifact.
Resource map
Workflow
1. Read active DESIGN.md and map palette/type/layout decisions into root CSS variables.
2. Copy assets/template.html to index.html .
3. Keep this structure intact:
Hero scene with bold title and geometric frame.
Four step process card row.
Stack/architecture diagram scene.
4. Keep these interactions working:
Prev/next slide navigation + dot nav.
Theme toggle (paper/dark).
Palette cycle button (changes accent colors across the template).
Hotspot toggle for annotations/details.
5. Keep output self contained ( <!doctype html , inline CSS/JS, no external runtime dependency).
6. Validate against references/checklist.md before emitting.
Output contract
One short sentence before artifact, then: