Digits Fintech Swiss Template
Generate a premium Swiss-grid fintech strategy deck as a single navigable HTML artifact for pitches and data stories.
Overview
digits-fintech-swiss-template is an agent skill for the Validate phase that produces a three-slide Swiss-grid fintech strategy deck in one HTML file with keyboard and click navigation.
Install
npx skills add https://github.com/nexu-io/open-design --skill digits-fintech-swiss-templateWhat is this skill?
- Fixed three-slide hyperframe structure with modular Swiss grid and black / warm paper / neon-lime contrast
- Start from assets/template.html while preserving card hierarchy and reading order
- Interactions: Prev/Next buttons, dot navigation, and keyboard ArrowLeft / ArrowRight
- Open Design preview with HTML entry index.html and debounce-100 reload
- Outputs primary index.html plus template.html and example.html
- Keyboard navigation via ArrowLeft and ArrowRight
Adoption & trust: 823 installs on skills.sh; 61.4k GitHub stars; 3/3 security scanners passed (skills.sh audits).
What problem does it solve?
You need a high-contrast, data-forward pitch deck that looks Swiss-editorial but only have chat and no repeatable HTML template or navigation spec.
Who is it for?
Indie fintech and B2B founders prototyping investor or partner decks with strict grid layout and bold metrics in a single portable HTML artifact.
Skip if: Builders who need multi-page marketing sites, video-rendered motion graphics, or CMS-driven slide libraries instead of a fixed three-slide template.
When should I use this skill?
Users ask for Swiss fintech templates, data-driven finance decks, neon lime editorial grids, high-contrast strategy slides, or 数字金融瑞士风模板.
What do I get? / Deliverables
You ship index.html (plus template and example references) with three slides, lime-accent modular cards, and working prev/next, dot, and keyboard navigation ready for live presentation.
- index.html primary deck with three slides
- template.html and example.html reference outputs
Recommended Skills
Journey fit
Pitch and strategy decks are validate-phase prototypes that communicate traction narratives before full product polish. The skill targets prototype artifacts—three-slide hyperframe decks—not production app UI, so validate/prototype is the canonical shelf.
How it compares
Choose this Open Design HTML hyperframe template instead of generic slide markdown that lacks built-in keyboard navigation and Swiss modular card hierarchy.
Common Questions / FAQ
Who is digits-fintech-swiss-template for?
It is for solo builders and small teams presenting finance or strategy narratives who want a premium Swiss-grid deck agents can edit as one HTML file.
When should I use digits-fintech-swiss-template?
Use it in Validate when prototyping pitch or data-story slides—especially when users ask for Swiss fintech templates, neon-lime editorial grids, or high-contrast strategy decks.
Is digits-fintech-swiss-template safe to install?
Check the Security Audits panel on this Prism page and review the generated HTML and any third-party assets before sharing or hosting the deck externally.
SKILL.md
READMESKILL.md - Digits Fintech Swiss Template
# 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> ```