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.
Source facts
- Repository
- nexu-io/open-design
- Last source activity
- May 9, 2026 at 10:09
- Detected SKILL.md language
- English
- Stars
- 96,674
- Forks
- 11,234
Install options
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Review the source files
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
File Explorer
4 filesShowing SKILL.md
SKILL.md
Source instructions · Read-only preview- 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>
```
View on GitHub