Agent skill

Swiss Creative Mode Template

by nexu-io in nexu-io/open-design

Swiss-inspired creative-mode presentation template skill with bold editorial typography, high-contrast geometric cards, interactive slide navigation, theme switching, hotspot overlays, and palette…

Apache-2.0Auto-check passedFrontend & Design

Install Swiss Creative Mode Template

skills CLI
$ npx skills add nexu-io/open-design --skill swiss-creative-mode-template -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install nexu-io/open-design swiss-creative-mode-template --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/nexu-io/open-design.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/swiss-creative-mode-template .claude/skills/swiss-creative-mode-template && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
swiss-creative-mode-template
GitHub stars
100k
Token cost
~563 tokens
SKILL.md length
116 words
Files
4 (incl. references, assets)
Skills in repo
245
Repo updated
First seen
Licence
Apache-2.0

At a glance

Swiss-inspired creative-mode presentation template skill with bold editorial typography, high-contrast geometric cards, interactive slide navigation, theme switching, hotspot overlays, and palette…

  • Works in 6 steps: Read active DESIGN.md and map… → Copy assets/template.html to index.html. → Keep this structure intact → …
  • Users ask for a premium presentation-style landing
  • SKILL.md covers Resource map, Workflow and Output contract
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Swiss Creative Mode Template is an agent skill from nexu-io/open-design. 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.

Its SKILL.md is about 560 tokens, which your agent loads only when the skill is triggered. The skill folder holds 5 other files, including reference files and assets (for example `references/checklist.md`).

It sits in Frontend & Design, covering Slides and decks, HTML artifacts and Typography. The repository describes itself as: 🎨 Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes… The licence is Apache-2.0.

When your agent uses it

  • Users ask for a premium presentation-style landing
  • A Swiss/brutalist deck look
  • A creative launch page with rich interactions

Example prompts

  • “/swiss-creative-mode-template”

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

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

What it can do on your machine

Read from SKILL.md and the folder at commit 17e2559. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are xml).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Swiss Creative Mode Template loads about 563 tokens when it runs, and up to ~937 if it reads all its reference files. Until then it costs about 103 tokens; SKILL.md has 116 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~103
When it runs · the whole SKILL.md, loaded when a task matches
~563
With references · SKILL.md plus every file in references/, read only if the agent opens them
~937

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from nexu-io/open-design at commit 17e2559, republished under its Apache-2.0 licence (© nexu-io). 116 words, ~563 tokens.

Download SKILL.mdSave it as .claude/skills/swiss-creative-mode-template/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.
name
swiss-creative-mode-template
description
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.
triggers
swiss creative mode template, editorial presentation template, brutalist deck style html, creative mode deck, 瑞士风演示模板, 高级设计语言模板
od.mode
template
od.surface
video
od.type
hyperframes
od.platform
desktop
od.capabilities_required
file_write

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

text
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.
  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:

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

© nexu-io, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 3 other files (references, assets) in skills/swiss-creative-mode-template of nexu-io/open-design.

  • SKILL.md
  • assets/template.html
  • example.html
  • references/checklist.md

Open the folder on GitHubat commit 17e2559

Compare with similar skills

Swiss Creative Mode Template next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Swiss Creative Mode Template compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Swiss Creative Mode Template this skillnexu-io/open-design100k—~563Automated safety check: PassApache-2.0
Openkb Deck NeonVectifyAI/OpenKB4.8k1 repos~4.3kAutomated safety check: PassApache-2.0
Visualizedisplay-dev/visualize138—~7.4kAutomated safety check: PassMIT
Design Style Skillhaojing8312/WorkClaw1411 repos~1.1kAutomated safety check: PassApache-2.0
Pro Deck Builderthatrebeccarae/claude-marketing161—~6.1kAutomated safety check: PassMIT
Design SystemOhh-889/skyroc79511 repos~1.7kAutomated safety check: PassMIT

Similar skills

  • Openkb Deck Neon

    VectifyAI/OpenKB

    A skill your agent uses when the user asks the openkb chat to make a deck / slide presentation / PPT / slides / 演示稿 / 幻灯片 from their compiled KB content AND wants a dark, high-tech, neon / glow /…

    4.8k GitHub starsUsed in 1 repo~4.3k tokens
    Frontend & DesignAuto-check passed
  • Visualize

    display-dev/visualize

    Generate beautiful, on-brand HTML artifacts — reports, diagrams, diff reviews, slide decks, plans, recaps, dashboards.

    138 GitHub stars~7.4k tokensUpdated 2 days ago
    Frontend & DesignAuto-check passed
  • Design Style Skill

    haojing8312/WorkClaw

    Select a consistent visual design system for PPT slides using radius/spacing style recipes.

    141 GitHub starsUsed in 1 repo~1.1k tokens
    Frontend & DesignAuto-check passed
  • Pro Deck Builder

    thatrebeccarae/claude-marketing

    Create polished HTML slide decks and PDF-ready documents for consulting deliverables.

    161 GitHub stars~6.1k tokensUpdated 4 mo ago
    Frontend & DesignAuto-check passed
  • Design System

    Ohh-889/skyroc

    Token architecture, component specifications, and slide generation.

    795 GitHub starsUsed in 11 repos~1.7k tokens
    Frontend & DesignAuto-check passed
  • Theme Factory

    anthropics/skills

    Official

    Applies one of ten preset color and font themes to slide decks, documents or HTML pages, or creates a new theme on the fly after you choose from a showcase.

    180k GitHub starsUsed in 47 repos~781 tokens
    Frontend & DesignAuto-check passed

More from nexu-io/open-design

All 245 skills in this repo
  • Humanize PPT

    nexu-io/open-design

    Turns raw notes into a talk-ready slide outline with per-page image, diagram or video decisions, then checks the rendered deck against that outline.

    100k GitHub stars~4k tokensUpdated yesterday
    Auto-check passed
  • Last 30 Days Trend Research

    nexu-io/open-design

    Produces a cited Markdown briefing on recent community sentiment and social reaction to a topic, labeling every source it could not actually check.

    100k GitHub stars~1.3k tokensUpdated yesterday
    Auto-check passed
  • OpenDesign Contribution Flow

    nexu-io/open-design

    Helps newcomers contribute to OpenDesign: ship a skill or design system, translate docs, fix docs or report a bug, ending in a pull request or issue.

    100k GitHub stars~3.5k tokensUpdated yesterday
    Auto-check: notes
  • Turns a chat transcript or screenshot into a configurable animated chat clip, rendered as a Remotion bundle with optional transparency.

    100k GitHub stars~1.1k tokensUpdated yesterday
    Auto-check passed
  • Team-management dashboard skill in the FlowAI aesthetic — three tabs (Team Members, Team Details, Activity Log), KPI stat row, member table, role distribution bar chart, online presence and activity…

    100k GitHub stars~865 tokensUpdated yesterday
    Auto-check passed
  • Hatch Pet

    nexu-io/open-design

    Create, repair, validate, preview, and package Codex-compatible animated pet spritesheets from character art, screenshots, generated images, or visual references.

    100k GitHub stars~6k tokensUpdated yesterday
    Auto-check passed

Questions about Swiss Creative Mode Template

What does Swiss Creative Mode Template do?

Swiss-inspired creative-mode presentation template skill with bold editorial typography, high-contrast geometric cards, interactive slide navigation, theme switching, hotspot overlays, and palette…. Swiss Creative Mode Template is an agent skill from nexu-io/open-design. 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.

When should I use Swiss Creative Mode Template?

Swiss Creative Mode Template fits situations like: users ask for a premium presentation-style landing; A Swiss/brutalist deck look; A creative launch page with rich interactions.

How do I install Swiss Creative Mode Template in Claude Code?

Run `npx skills add nexu-io/open-design --skill swiss-creative-mode-template -a claude-code`. Or copy the skill folder (skills/swiss-creative-mode-template in nexu-io/open-design) into .claude/skills/swiss-creative-mode-template in your project. Claude Code loads it when a task matches its description.

How do I install Swiss Creative Mode Template in Codex?

Run `npx skills add nexu-io/open-design --skill swiss-creative-mode-template -a codex`. Or copy the skill folder (skills/swiss-creative-mode-template in nexu-io/open-design) into .agents/skills/swiss-creative-mode-template in your project. Codex loads it when a task matches its description.

Can I use Swiss Creative Mode Template in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add nexu-io/open-design --skill swiss-creative-mode-template -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/swiss-creative-mode-template, .gemini/skills/swiss-creative-mode-template, .github/skills/swiss-creative-mode-template and .opencode/skills/swiss-creative-mode-template in your project.

What does Swiss Creative Mode Template need to run?

SKILL.md names no scripts, command-line tools or credentials: Swiss Creative Mode Template is instructions for the agent only.

Does Swiss Creative Mode Template access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Swiss Creative Mode Template safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Swiss Creative Mode Template use?

Swiss Creative Mode Template is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Swiss Creative Mode Template use?

About 563 tokens (SKILL.md is roughly 2.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 374 tokens, read only when the agent opens those files.

What are the alternatives to Swiss Creative Mode Template?

Skills that share tags, products or a category with Swiss Creative Mode Template: Openkb Deck Neon (VectifyAI/OpenKB, 4.8k stars), Visualize (display-dev/visualize, 138 stars), Design Style Skill (haojing8312/WorkClaw, 141 stars) and Pro Deck Builder (thatrebeccarae/claude-marketing, 161 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Swiss Creative Mode Template?

nexu-io (a GitHub organization) maintains it in nexu-io/open-design, which has 100,280 GitHub stars. The repository holds 245 skills in this directory. The repository was last updated on October 10, 2026.

Source: nexu-io/open-design on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.