digits-fintech-swiss-template
Helps your agent create visual presentations with a modular layout and controlled navigation. It's useful for presenting data clearly and professionally.
What it does
This template creates a three-slide presentation with a modern, organized look, perfect for data storytelling. It uses a clean layout, prominent numbers, and simple navigation.
When to use it
- ✓When you need a visually appealing presentation for financial data.
- ✓When creating slides with a strict, professional layout.
- ✓To present information clearly and directly with easy navigation.
Example of what to ask your AI
“Create a three-slide presentation for financial data using the Digits Fintech Swiss template.”
Want more? Open the sections below.
How to use
The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.
Skill link
Ready-to-paste message
How it works
The template starts with a ready-made HTML file. You just need to replace the text and numbers with your data, keeping the original structure and navigation.
Installation
Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.
In the terminal (Claude Code, Codex, Cursor), in your project folder:
npx skills add nexu-io/open-design --skill digits-fintech-swiss-templateOr download just the file:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/skills/digits-fintech-swiss-template/SKILL.md -o SKILL.mdTechnical content (original SKILL.md)
Original text by the author, straight from GitHub.
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.html
Workflow
- 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>
FAQ
What is an 'artifact'?
It's the final output the AI generates, in this case, a presentation file in HTML format.
What does 'self-contained' mean?
It means all the code needed for the presentation is within a single HTML file, without needing external files.
Can I change the template's appearance?
The template is designed to keep its specific structure and look. The focus is on replacing content, not the design.
Details
Original description by the author
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.
repo: nexu-io/open-design
Popularity
- GitHub stars
- 101k
- Ranking position
- #681
- License
- Apache-2.0
- Updated
- 10/16/2026
Comments
- …
More skills from this repository
sample-plugin
Makes your agent create a metadata file for tests. It helps ensure code works correctly in different situations.
nexu-io/open-design
aster-atelier
Helps your agent create an artistic website with a classic look. It uses elegant imagery, blue skies, and serif fonts for a cinematic feel.
nexu-io/open-design
audio-jingle
Makes your agent generate audio like jingles and sound effects. It can create music and voices, saving the result as an audio file.
nexu-io/open-design
blog-post
Helps your agent write long articles or blog posts. It includes space for images, quotes, and author information.
nexu-io/open-design
Similar skills
accessibility
Helps your agent create interfaces that everyone can use. Ensures websites and apps work well for people with disabilities, like those who are blind or have reduced mobility.
affaan-m/ECC
design-system
Helps your agent create a design system from existing code. It extracts visual information and checks for consistency, generating a report and an interactive preview.
affaan-m/ECC
liquid-glass-design
Helps your agent create iOS user interfaces with a 'Liquid Glass' effect. Allows adding dynamic and interactive visual effects in SwiftUI and UIKit.
affaan-m/ECC