mcpField
D
digits-fintech-swiss-template

digits-fintech-swiss-template

github.com/nexu-ioDesign & UI104.6k2.8k installsUpdated today
Repository

About digits-fintech-swiss-template

A three-slide HTML template skill for data storytelling in a Swiss grid style. It specifies the slide structure, navigation, subtle motion, and self-contained delivery requirements for agents adapting the template.

Key features

  1. 01Three-slide data-story template
  2. 02Prev / Next and dot navigation
  3. 03Arrow-key navigation
  4. 04Subtle slide and hover motion
  5. 05Inline CSS and JavaScript

Use cases

  1. 01Building a three-slide data presentation
  2. 02Presenting metrics in a Swiss grid layout

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/nexu-io/open-design --skill digits-fintech-swiss-template

After installing, type/digits-fintech-swiss-templatein Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

example.html
assets/
template.html
references/
checklist.md

Details

From the project README

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

  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:

<artifact identifier="digits-fintech-swiss" type="text/html" title="Digits Fintech Swiss Deck">
<!doctype html>
<html>...</html>
</artifact>

Comments

Markdown supported