Fintech banking

Skill t4sh/dotfiles/agents/skills/fintech-banking

macOS bootstrap dotfiles: Brewfile, declarative symlinks, app prefs, macOS defaults, agent skills, vault secrets, make doctor. Fork-friendly.

Install

npx -y skills add t4sh/dotfiles --skill fintech-banking

Assembled 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.

What its author says it does

Copied from the file, not written here

Use when designing animations for banking apps, payment systems, investment platforms, or financial dashboards

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.