Modèle suisse pour la fintech digits
/SKILLModèle de présentation fintech façon grille suisse : contraste noir / papier chaud / vert néon.
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
digits-fintech-swiss-template/
├── SKILL.md
├── assets/
│ └── template.html
├── references/
│ └── checklist.md
└── example.htmlWorkflow
- 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>
