Claude MarketplacesSubmit

Digits Fintech Swiss Template

nexu-io/open-design

A single-file HTML slide deck generator that leans hard into Swiss grid rigor and high-contrast fintech aesthetics: black, warm paper, and neon lime. You get exactly three slides with modular data cards, strict typographic hierarchy, and built-in keyboard plus click navigation. The template lives in assets, you swap in your metrics and copy while keeping the layout constraints intact, and Claude writes one self-contained HTML artifact with inline CSS and JS. Motion is deliberately restrained, just fade transitions and minimal hover states. Useful when you need a premium data story deck that feels more like editorial design than generic slide software, and you want it live in the browser without any build tooling.

skills.sh installs: 2.9K
GitHub stars: 106.9K
last updated: Aug 21, 2026

Install

$ npx -y skills add nexu-io/open-design --skill digits-fintech-swiss-template --agent claude-code

Installs into .claude/skills of the current project.

Files

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.html and 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>

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthly Promote your product hereReach 125k+ visitors monthly

Agent CaffeineSponsoredClose your lid, come back to finished work

SnugSponsoredThe clipboard manager for the AI era Promote your product hereReach 125k+ visitors monthly

WaxSponsoredBlock anything with supervision, without erasing your iPhone Promote your product hereReach 125k+ visitors monthly

knobsSponsoredSee your site on any phone, any day, in any language

Details

Repository: github.com/nexu-io/open-design
Categories: Frontend Development, Python, Design & UI/UX, Office & Documents, Databases
First seen: Jun 3, 2026

Recommended

More Frontend Development

1

swiss-user-research-video-templatenexu-io/open-designSwiss-style user-research narrative template in warm-paper editorial aesthetics. Use when users ask for a premium research deck or story-first live artifact wit2.9Kskills.sh installs

2

motion-uiaffaan-m/eccProduction-ready UI motion system for React/Next.js. Use when implementing animations, transitions, or motion patterns.2.8Kskills.sh installs

3

emilkowal-animationspproenca/dot-skillsEmil Kowalski's animation best practices for web interfaces. Use when writing, reviewing, or implementing animations in React, CSS, or Framer Motion. Triggers o2.8Kskills.sh installs

4

article-magazinenexu-io/open-designHuashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.2.8Kskills.sh installs

5

deck-open-slide-canvasnexu-io/open-designLocked 1920x1080 canvas deck with React component-level free composition, not bound to a fixed template.2.8Kskills.sh installs

6

mapbox-web-integration-patternsmapbox/mapbox-agent-skillsOfficial integration patterns for Mapbox GL JS across popular web frameworks (React, Vue, Svelte, Angular). Covers setup, lifecycle management, token handling, 2.7Kskills.sh installs