Fintech banking
Use when designing animations for banking apps, payment systems, investment platforms, or financial dashboardsFrom its SKILL.md
npx -y skills add t4sh/dotfiles --skill fintech-bankingAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
- 0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
3.0 KB, 682 tokens by cl100k_base, as published. Nobody here has run it
Fintech & Banking Animation Principles
Apply Disney's 12 principles to create trustworthy, secure-feeling experiences that handle money with appropriate gravitas.
The 12 Principles Applied
1. Squash & Stretch
- Restrained Use: Money is serious, avoid playful squash
- Number Counters: Subtle stretch as values update
- Card Flip: Slight flex when revealing card details
2. Anticipation
- Transaction Submit: Brief pause before processing
- Balance Updates: Moment of preparation before reveal
- Security Checks: Visual preparation for verification steps
3. Staging
- Balance First: Account balance is hero element
- Transaction Flow: Clear focus on current step
- Security Badges: Prominent but not distracting
4. Straight Ahead & Pose to Pose
- Money Transfers: Clear step-by-step (pose to pose)
- Live Prices: Continuous smooth updates (straight ahead)
- Transaction History: Sequential reveal on scroll
5. Follow Through & Overlapping Action
- Payment Success: Checkmark lands, then amount confirms
- Dashboard Load: Balance first, then cards, then transactions
- Charts: Axis appears, then data animates in
6. Slow In & Slow Out
- All Financial Actions: Smooth, deliberate easing
- Card Animations: Premium feel with ease-in-out
- Modal Transitions: Confident 300-400ms movements
7. Arc
- Money Flow: Visualize transfers with curved paths
- Spending Charts: Smooth arcs in pie/donut charts
- Card Selection: Arc motion between cards
8. Secondary Action
- Transfer Success: Subtle checkmark while balance updates
- Bill Paid: Confetti-lite while confirmation appears
- Investment Gain: Green glow during number update
9. Timing
- Standard Actions: 250-350ms for confident feel
- Security Verification: Deliberate 400-500ms
- Quick Feedback: 150ms for input validation
10. Exaggeration
- Very Minimal: Financial data requires accuracy
- Success Moments: Slight emphasis on positive outcomes
- Fraud Alerts: Appropriate urgency, not alarm
11. Solid Drawing
- Number Legibility: Clear typography at all sizes
- Card Realism: Proper perspective and shadows
- Chart Accuracy: Data visualization must be precise
12. Appeal
- Premium Feel: Smooth, Apple Pay-like refinement
- Trust Through Restraint: Less is more
- Professional Personality: Confident, not playful
Industry Timing Standards
| Action | Duration | Easing |
|---|---|---|
| Button Feedback | 150ms | ease-out |
| Card Flip | 400ms | ease-in-out |
| Transfer Step | 300ms | ease-in-out |
| Balance Update | 250ms | ease-out |
| Modal Open | 350ms | ease-out |
Key Principle
Every animation should reinforce trust and security. Users are entrusting you with their money - motion should feel deliberate, accurate, and premium.
What ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.
Gives 0 of the 12 instructions most finance skills give in 682 tokens
Counted across 469 of the 469 authors here whose files we hold, read 2026-08-07
- Extract date vendor amount and descriptionin 15 of 469, across 3 files
- Scan folder for invoice filesin 14 of 469, across 2 files
- Rename files to standard formatin 14 of 469, across 2 files
- Show organization plan before movingin 14 of 469, across 2 files
- Generate summary CSVin 14 of 469, across 2 files
- Organize files by categoryin 13 of 469, across 1 file
- Preserve original filesin 13 of 469, across 1 file
- Flag files missing critical infoin 13 of 469, across 1 file
- Produce the requested output filein 9 of 469, across 4 files
- Build best, base, and worst case scenariosin 9 of 469, across 5 files
- Implement backoff if rate limit errors occurin 8 of 469, across 3 files
- Determine the weighted average cost of capitalin 8 of 469, across 4 files
Said here and by no other author read
- apply disney's 12 principles
- avoid playful squash and stretch
- animate account balance as hero element
- use pose-to-pose for money transfers
- animate dashboard loads in sequential order
- use deliberate ease-in-out for transitions
Grouped from the skills themselves: near-identical wordings counted once, and counted by distinct author, so one author publishing three of these counts once. Length counted with cl100k_base; the agent that loads this file may tokenize it differently.