360 Secure SkillHub
360 安全技能中心

digits-fintech-swiss-template

提供三页式瑞士网格金融演示模板,替换文案和指标即可生成自包含 HTML 幻灯片,保留前后翻页、键盘导航、圆点导航与轻微动效。

nexu-io
热度 0.00
最近更新 2026-10-19 02:40:41
分类:创作依赖:读写文件应用场景:演示设计 / 模板

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add nexu-io/open-design/digits-fintech-swiss-template
Metadata
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.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>