Claude MarketplacesSubmit
julianromli avatar

Frontend Ui Animator

julianromli/ai-skills

This one takes a strong stance right in the docs: you don't need animations everywhere. It's built around a clear priority system that puts hero intros and hover feedback first, then content reveals and navigation transitions, with background effects last. The workflow is phase-based, so you complete one step before moving to the next instead of animating everything at once. Good fit if you want someone (or Claude) to add purposeful motion to a frontend without turning it into a theme park. The philosophy is refreshingly restrained, focusing on performance and UX moments that actually matter rather than decorative flourishes.

skills.sh installs
342
GitHub stars
215
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add julianromli/ai-skills --skill frontend-ui-animator --agent claude-code

Installs into .claude/skills of the current project.

Files

This one takes a strong stance right in the docs: you don't need animations everywhere. It's built around a clear priority system that puts hero intros and hover feedback first, then content reveals and navigation transitions, with background effects last. The workflow is phase-based, so you complete one step before moving to the next instead of animating everything at once. Good fit if you want someone (or Claude) to add purposeful motion to a frontend without turning it into a theme park. The philosophy is refreshingly restrained, focusing on performance and UX moments that actually matter rather than decorative flourishes.

Browse the repository on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/julianromli/ai-skills
Categories
Frontend Development, AI & Agent Building, Design & UI/UX
First seen
Jun 3, 2026

More from julianromli/ai-skills

All 3

Recommended

More Frontend Development
1ovachiever avatarnextjs-shadcn-builderovachiever/droid-tingsBuild new Next.js applications or migrate existing frontends (React, Vue, Angular, vanilla JS, etc.) to Next.js + shadcn/ui with systematic analysis and convers263skills.sh installs
2hieutrtr avatarreact-frontend-experthieutrtr/ai1-skillsReact/TypeScript frontend implementation patterns. Use during the implementation phase when creating or modifying React components, custom hooks, pages, data fe206skills.sh installs
3autohandai avatartailwind-ui-patternsautohandai/community-skillsTailwind CSS v4 patterns, component styling, and responsive design174skills.sh installs
4addyosmani avatarfrontend-ui-engineeringaddyosmani/agent-skillsBuilds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layout77.8Kskills.sh installs
5ulpi-io avatarfrontend-design-ui-uxulpi-io/skillsProduce a distinctive, LOCKED design language plus an implementation-ready UX/UI spec, written to `.ulpi/design/`: a per-brief visual identity (palette, type, s2.4Kskills.sh installs
6sergiodxa avatarfrontend-react-best-practicessergiodxa/agent-skillsReact performance optimization guidelines. Use when writing, reviewing, or refactoring React components to ensure optimal rendering and bundle patterns. Trigger1.2Kskills.sh installs