Swiss creative mode template
Skill nexu-io/open-design/skills/swiss-creative-mode-template
π¨ The open-source Claude Design alternative. π₯οΈ Local-first desktop app. πΌοΈ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video β real files, HTML/PDF/PPTX/MP4 export. π€ Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.
npx -y skills add nexu-io/open-design --skill swiss-creative-mode-templateAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
What its author says it does
Copied from the file, not written here
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 landing, a Swiss/brutalist deck look, or a creative launch page with rich interactions.
SKILL.md
2.3 KB, as published. Nobody here has run it
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
- Read active
DESIGN.mdand map palette/type/layout decisions into root CSS variables. - Copy
assets/template.htmltoindex.html. - Keep this structure intact:
- Hero scene with bold title and geometric frame.
- Four-step process card row.
- Stack/architecture diagram scene.
- 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.
- Keep output self-contained (
<!doctype html>, inline CSS/JS, no external runtime dependency). - Validate against
references/checklist.mdbefore 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>