digits-fintech-swiss-template
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.
Security Assessment
About digits-fintech-swiss-template
digits-fintech-swiss-template is a single-file HTML deck template from Open Design for premium fintech data-storytelling in a Swiss-grid visual language — black, warm paper, and neon-lime contrast. It solves the problem of producing a polished, tightly structured three-slide data narrative with bold numeric cards, restrained motion, and built-in navigation, without building the layout and interaction from scratch.
The skill ships an `assets/template.html`, an `example.html`, and a `references/checklist.md`. Its workflow directs the agent to start from the template, keep the three-slide structure intact, replace copy and metric values while preserving card hierarchy and reading order, and keep the interactions: Prev/Next buttons, keyboard navigation (ArrowLeft/ArrowRight), and dot navigation. Motion is kept subtle (slide fade plus a tiny hover lift), and the file must stay self-contained with inline CSS/JS and no sandbox-hostile APIs such as localStorage, sessionStorage, alert, confirm, prompt, or window.open. The checklist specifies per-slide composition (a split-column hero, a metric-card slide, and a three-column action layout) and legibility at laptop widths. Note that template.html and example.html were empty in the provided source, so the concrete markup could not be reviewed.
It targets fintech and strategy teams, analysts, and designers who need premium data-story slides, with an example prompt for a Swiss-grid strategy deck with modular data cards and lime accents. As a self-contained HTML output template that explicitly avoids sandbox-hostile APIs, it is benign.
FAQ
What does this template generate?
A single self-contained HTML artifact: a premium three-slide fintech data-story deck in a Swiss-grid style with bold numeric cards and built-in navigation.
What navigation and interactions are included?
Prev/Next buttons, keyboard arrow navigation (ArrowLeft/ArrowRight), and dot navigation, with motion kept subtle (slide fade plus a small hover lift).
How do I customize it?
Start from assets/template.html, keep the three-slide structure, and replace copy and metric values while preserving card hierarchy and reading order.
Which browser APIs must be avoided?
The checklist prohibits sandbox-hostile APIs including localStorage, sessionStorage, alert, confirm, prompt, and window.open, keeping all CSS/JS inline in one file.
What screen width is it designed for?
Typography should remain clean and legible at laptop widths of 1280px and above.
Install digits-fintech-swiss-template
Quick Setup:
- Copy the skill folder to
.claude/skills/ - Claude will automatically detect and use the skill
Repository
nexu-io/open-design