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 landing, a Swiss/brutalist deck look, or a creative launch page with rich interactions.
How do I install this agent skill?
npx skills add https://github.com/nexu-io/open-design --skill swiss-creative-mode-templateIs this agent skill safe to install?
- Gen Agent Trust Hubpass
The skill provides a high-quality Swiss design template for creating HTML presentation artifacts. It runs locally without external network dependencies and follows secure coding practices, including a self-check for sandbox-hostile behaviors.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
What does this agent skill do?
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>
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/nexu-io/open-design/swiss-creative-mode-template">View swiss-creative-mode-template on skillZs</a>