Digits fintech swiss template
Skill nexu-io/open-design/skills/digits-fintech-swiss-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 digits-fintech-swiss-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-grid fintech deck template in black / warm paper / neon-lime contrast. Use when users ask for premium data-story slides with strict modular layout, bold numeric cards, restrained motion, and keyboard/click navigation in one HTML file.
SKILL.md
1.9 KB, as published. Nobody here has run it
Digits Fintech Swiss Template
A premium three-slide live-artifact template for data-storytelling in a Swiss grid language.
Resource map
digits-fintech-swiss-template/
├── SKILL.md
├── assets/
│ └── template.html
├── references/
│ └── checklist.md
└── example.html
Workflow
- Start from
assets/template.htmland keep the three-slide structure intact. - Replace copy and metric values while preserving card hierarchy and reading order.
- Keep interactions:
- Prev / Next buttons
- keyboard navigation (
ArrowLeft/ArrowRight) - dot navigation
- Keep motion subtle (slide fade + tiny hover lift only).
- Keep the file self-contained (inline CSS/JS) with no sandbox-hostile APIs.
Output contract
Emit one concise orientation sentence and then one HTML artifact:
<artifact identifier="digits-fintech-swiss" type="text/html" title="Digits Fintech Swiss Deck">
<!doctype html>
<html>...</html>
</artifact>