skills.rest
nexu-io
nexu-ioOFFICIAL
Explore all skills by this author →
WebsiteGitHub

digits-fintech-swiss-template

Generate modular Swiss-grid fintech strategy decks using HTML and CSS templates.

93.2k|10.8k|Updated Apr 28, 2026
Search Tags:#template#HTML#presentation#fintech#data-storytelling#swiss-grid
One-click install
npx skills add https://github.com/nexu-io/open-design --skill digits-fintech-swiss-template
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: digits-fintech-swiss-template
Source: https://github.com/nexu-io/open-design/tree/main/skills/digits-fintech-swiss-template
Command: npx skills add https://github.com/nexu-io/open-design --skill digits-fintech-swiss-template

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the need for high-fidelity, data-driven presentation artifacts that maintain a strict, professional Swiss-grid aesthetic without requiring external design software.

Core Features & Use Cases

  • Modular Layouts: Provides a pre-built three-slide structure featuring high-contrast typography and neon-lime accents.
  • Interactive Artifacts: Includes built-in keyboard navigation, hover effects, and dot-based slide switching within a single self-contained HTML file.
  • Use Case: Use this template to rapidly prototype financial strategy decks or operating readouts that require a clean, data-heavy editorial grid for executive presentations.

Quick Start

Generate a new Swiss-grid fintech strategy deck with modular data cards and lime accents.

Frequently Asked Questions about digits-fintech-swiss-template

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a new fintech deck with this template?▼

Use the provided template to generate a three-slide deck by replacing the copy and metric values in the HTML structure while maintaining the existing CSS classes for layout consistency.

Can I add more than three slides to the deck?▼

The template is optimized for a three-slide structure. Adding more slides requires updating the CSS grid definitions and the JavaScript navigation logic to handle additional slide indices.

Does this template require external CSS or JavaScript files?▼

No, the template is designed to be self-contained. All necessary CSS styles and JavaScript for navigation are embedded directly within the HTML file to ensure portability.

How do I customize the color scheme?▼

Modify the CSS variables defined in the :root block, specifically --paper, --ink, and --lime, to adjust the color palette while maintaining the high-contrast design language.

What are the limitations of this Swiss-grid template?▼

The template is intended for static, browser-based presentation. It does not support complex animations, external API data fetching, or responsive layouts beyond standard desktop widths.

Related Skills

Explore More Design & Creative Skills→
mouseqiao85mouseqiao85
1

funding-digest

Generate a one-page PowerPoint slide summarizing recent funding rounds and capital markets activity.

Community
Advanced
cartacarta
12

carta-reporting-excel

Export Carta report data to branded Excel files with live aggregation formulas.

Official
Advanced
koki3141koki3141
2

revealjs

Generate reveal.js presentations with slide structures, styles, and charts.

Community
Intermediate
TakfesTakfes

elite-powerpoint-designer

Convert markdown and plain text into styled PowerPoint slide decks.

Community
Advanced