nexu-io/open-design4 files

Swiss Creative Mode Template

|

Specification
Skill ID
nexu-io/open-design/swiss-creative-mode-template
Publisher
nexu-io
Repository
open-design
Installs
0
Files
4
Synced
Sep 23, 2026
How to use it

Open any RiverX project, open the Skills panel in the chat, and search for this identifier. The files are fetched from the source repository at install time.

nexu-io/open-design/swiss-creative-mode-templateInstalls these files
  • SKILL.md
  • assets/template.html
  • example.html
  • references/checklist.md

What this skill tells the agent

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

swiss-creative-mode-template/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html

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.
  1. 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.
  1. Keep output self-contained (<!doctype html>, inline CSS/JS, no external runtime dependency).
  2. Validate against references/checklist.md before emitting.

Output contract

One short sentence before artifact, then:

<artifact identifier="swiss-creative-mode" type="text/html" title="Swiss Creative Mode Template">
<!doctype html>
<html>...</html>
</artifact>

Use this skill in a project

Open any RiverX project, search the Skills panel for nexu-io/open-design/swiss-creative-mode-template, and install it in one click.

Use this skill