免费在 GitHub 公开中文介绍

digits-fintech-swiss-template

将金融或战略数据制作成三页幻灯片，以黑色、暖纸色和鲜亮青柠色组织信息。保留醒目的大数字卡片与规则网格布局，最终生成可交互的单个HTML文件。

原文查看原文说明

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.

nexu-io/open-design

AI 评分100分/ 100 查看安装方法

适用场景

用三页幻灯片呈现金融指标
制作突出数字的战略演示
保持统一布局并更新文字与数值
分享可用键盘操作的HTML演示

中文介绍

功能

这项技能将金融或战略相关的数值整理为三页HTML幻灯片。它采用瑞士式设计，沿规则网格排列元素，并用黑色、暖纸色和鲜亮青柠色组织信息。替换标题、说明文字和指标数值时，会保留大数字卡片的层级与阅读顺序。

适用场景

适合制作以数字为中心的简短业务介绍，或金融领域的战略演示。如果希望沿用已有的卡片布局，在更新内容后仍保持整体外观一致，也可以使用。幻灯片切换与轻微的悬停效果让动态表现保持克制。

使用示例

“请用这些金融指标制作三页战略幻灯片。”
“请替换模板中的数字和说明文字，并让幻灯片支持方向键操作。”

注意事项

必须基于附带的assets/template.html制作，并保留三页结构。上一页与下一页按钮、左右方向键及圆点导航都需要保留。交付成果是单个HTML文件，CSS和JavaScript均包含在文件内。制作环境需要具备文件写入功能。

本介绍由 AI（OpenAI Codex）根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。

客观评估

AI 仅根据 SKILL.md 的内容，从 4 个方面进行了评估。星标数和热度不计入评估。

指令清晰度能否看出何时使用、做什么: A良好资料明确说明用于呈现金融与战略数据，并制作三页HTML幻灯片。
步骤具体性步骤、输入输出和示例是否具体: A良好流程具体说明模板修改步骤、须保留的导航功能及HTML成果的输出格式。
安全性发送数据、删除文件、执行命令等是否有说明: A良好指令要求创建HTML成果，未要求删除文件或获取认证信息。
安装难易度所需工具和 API 密钥是否少且有说明: A良好资料明确说明需要文件写入功能，并给出附带模板的位置。

总分按每项 A=25 分、B=15 分、C=5 分相加。由 AI（OpenAI Codex）于 2026年10月20日评估。仅供参考，安装前请同时查看原文。

如果您认为评估有误，请申请复核

包含的文件（4）

SKILL.md1.9 KB
assets/template.html8.8 KB
example.html8.4 KB
references/checklist.md937 B

SKILL.md（原文）

安装前可以查看交给 AI 代理的指令内容。

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.html and 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>

评价

还没有评价。欢迎分享你的使用感受。

无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

同一仓库的技能