digits-fintech-swiss-template
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
- آخر نشاط في المصدر
- ٩ مايو ٢٠٢٦ في ١٠:٠٩
- لغة SKILL.md المكتشفة
- الإنجليزية
- النجوم
- ٩٦٬٦٧٤
- التفرعات
- ١١٬٢٣٤
خيارات التثبيت
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
مراجعة ملفات المصدر
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
مستكشف الملفات
4 ملفاتعرض SKILL.md
SKILL.md
تعليمات المصدر · معاينة للقراءة فقط- 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
```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.
## 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>
```
عرض على GitHub