Back to Details

digits-fintech-swiss-template

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Digits Fintech Swiss Template

Digits Fintech瑞士风格模板

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
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.
  1. 以
    assets/template.html
    为基础，保持三页结构完整。
  2. 替换文案和指标数值，同时保留卡片层级和阅读顺序。
  3. 保留交互功能：
    • 上一页/下一页按钮
    • 键盘导航（
      ArrowLeft
      / 
      ArrowRight
      ）
    • 圆点导航
  4. 保持动效简洁（仅幻灯片淡入淡出 + 轻微悬停抬升效果）。
  5. 保持文件自包含（内联CSS/JS），不使用沙箱受限API。

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>
先输出一句简洁的说明语句，再输出一个HTML制品：
xml
<artifact identifier="digits-fintech-swiss" type="text/html" title="Digits Fintech Swiss Deck">
<!doctype html>
<html>...</html>
</artifact>