nexu-io/open-design

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.

Ver código-fonte

Como usar

  1. Copie o comando e verifique o pacote antes de instalar no seu ambiente de agente.
  2. Consulte no original as ferramentas, credenciais e ambientes necessários.
  3. Descreva os dados de entrada e a entrega esperada; confira a saída com as fontes.
npx skills add https://github.com/nexu-io/open-design --skill swiss-creative-mode-template

Antes de começar

  • A instalação não inclui assinatura de modelo, franquia API ou acesso aos seus arquivos.
  • Estrelas e instalações indicam atividade, não um teste independente de qualidade ou segurança.
Documento original do Skill

Renderizado do repositório de origem, preservando títulos, exemplos, código, tabelas, links e imagens.

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

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

Relacionados por tarefa

do mesmo repositório

Mais Skills

Todos os Skills