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
- 최근 소스 활동
- 2026년 5월 9일 10:09
- 감지된 SKILL.md 언어
- 영어
- 스타
- 97,471
- 포크
- 11,317
설치 방법
기본적으로 소스를 먼저 확인하는 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에서 보기