fluid-functionalism
1 skill from mickadesign/fluid-functionalism · 620 installs
Install every skill in this repository:
npx skills add https://github.com/mickadesign/fluid-functionalism- 1

Build React UIs with Fluid Functionalism — a shadcn/ui registry (@fluid) of animated components with a shared motion system: three spring speeds, a hover highlight that glides to the item nearest the cursor, labels that change weight without layout shift. Use whenever the user mentions Fluid Functionalism, @fluid, or fluidfunctionalism.com, asks for UI with satisfying/fluid/polished motion in a React, Next.js, shadcn, Radix, or Base UI project, builds any interface (settings dialogs, sidebars, command menus, chat UIs, forms, lists, tables) in a project with @fluid components installed, asks to review/audit existing UI motion against the system, or asks to update installed @fluid components or what changed in a release. Also use before hand-writing animation code (hover highlights, icon swaps, weight changes, enter/exit transitions, page reveals, skeleton loading) there, so custom code follows the system instead of inventing timings. Bundled scripts read the stack fresh each run and wri
620