# fintech-banking

Задаёт правила анимации интерфейсов для банковских приложений, платежей и дашбордов. Помогает настроить переходы так, чтобы интерфейс вызывал доверие к безопасности денег.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 535 установок · ★ 129
- Автор: dylantarre
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/dylantarre/animation-principles/tree/HEAD/skills/08-by-industry/fintech-banking/SKILL.md
- Обновлён: 2025-12-30
- HTML: https://affpapa.org/nevibecode/skills/fintech-banking

## Что делает

Скилл переносит двенадцать классических принципов анимации Диснея в финансовый интерфейс. Игривые отскоки и деформации здесь исключены: деньги требуют сдержанности. Правила диктуют, как оформлять перевороты банковских карт и плавное обновление счётчиков баланса.

Внутри собраны чёткие временные интервалы. Отклик кнопки длится 150 мс с функцией `ease-out`, а обновление баланса занимает 250 мс. Шаг перевода длится 300 мс с `ease-in-out`. Проверки безопасности замедлены до 400–500 мс, чтобы верификация выглядела основательной.

Скилл выстраивает строгую очерёдность появления блоков. Сначала появляется баланс счёта, затем банковские карты, а после них лента операций. Избыточная динамика исключена осознанно, потому что чересчур яркие визуальные эффекты в онлайн-банке разрушают доверие к сохранности средств.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add dylantarre/animation-principles --skill fintech-banking -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/fintech-banking/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/fintech-banking/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add dylantarre/animation-principles --skill fintech-banking -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/fintech-banking/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add dylantarre/animation-principles --skill fintech-banking -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/fintech-banking/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install dylantarre/animation-principles fintech-banking
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/fintech-banking/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add dylantarre/animation-principles --skill fintech-banking -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/dylantarre/animation-principles --path skills/08-by-industry/fintech-banking
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/fintech-banking/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add dylantarre/animation-principles --skill fintech-banking -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/dylantarre/animation-principles/tree/HEAD/skills/08-by-industry/fintech-banking/SKILL.md

## Когда брать
- Настроить тайминги и кривые сглаживания в финансовом приложении
- Спланировать очерёдность появления виджетов на банковском дашборде
- Оформить микроанимации подтверждения платежей и переводов
- Подобрать сдержанную динамику для счётчиков баланса и графиков

## Примеры запросов агенту
- Настрой анимацию переворота банковской карты при показе реквизитов
- Сделай последовательное появление блоков на главном экране банковского дашборда
- Добавь микроанимацию успешного перевода с подтверждением суммы

## Похожие
- [plaid-fintech](https://affpapa.org/nevibecode/skills/plaid-fintech.md) — скилл · 956 установок
- [fintech-engineer](https://affpapa.org/nevibecode/agents/fintech-engineer.md) — субагент · 518 установок
- [userinterface-wiki](https://affpapa.org/nevibecode/skills/userinterface-wiki.md) — скилл · 4500 установок
- [banking-expert](https://affpapa.org/nevibecode/skills/banking-expert.md) — скилл · 800 установок
- [digits-fintech-swiss-template](https://affpapa.org/nevibecode/skills/digits-fintech-swiss-template.md) — скилл · 2800 установок
- [domain-fintech](https://affpapa.org/nevibecode/skills/domain-fintech.md) — скилл · 2800 установок

Из того же набора: [dylantarre/animation-principles](https://affpapa.org/nevibecode/by/dylantarre/animation-principles.md) — 142 карточки

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md