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.
Scanned 9/3/2026
Install to Claude Code
Skills Directorynpx -y skills add nexu-io/open-design --skill digits-fintech-swiss-template --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Digits Fintech Swiss Template?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/nexu-io-digits-fintech-swiss-template)More formats (shields.io, HTML) on the badges page.
---
name: digits-fintech-swiss-template
description: |
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.
triggers:
- "swiss fintech template"
- "data-driven finance deck"
- "neon lime editorial grid"
- "high contrast strategy slides"
- "数字金融瑞士风模板"
od:
mode: template
surface: video
type: hyperframes
platform: desktop
preview:
type: html
entry: index.html
reload: debounce-100
outputs:
primary: index.html
secondary:
- template.html
- example.html
example_prompt: "Create a Swiss-grid fintech strategy deck with modular data cards, lime accents, and clean keyboard navigation."
capabilities_required:
- file_write
---
# Digits Fintech Swiss Template
A premium three-slide live-artifact template for data-storytelling in a Swiss grid language.
## Resource map
```text
digits-fintech-swiss-template/
├── SKILL.md
├── assets/
│ └── template.html
├── references/
│ └── checklist.md
└── example.html
```
## Workflow
1. Start from `assets/template.html` and keep the three-slide structure intact.
2. Replace copy and metric values while preserving card hierarchy and reading order.
3. Keep interactions:
- Prev / Next buttons
- keyboard navigation (`ArrowLeft` / `ArrowRight`)
- dot navigation
4. Keep motion subtle (slide fade + tiny hover lift only).
5. 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:
```xml
<artifact identifier="digits-fintech-swiss" type="text/html" title="Digits Fintech Swiss Deck">
<!doctype html>
<html>...</html>
</artifact>
```
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
