interface-kit
Build interfaces with deliberate polish and accessibility.
What it does
Guides UI implementation so users get accessible, performant interfaces with deliberate styling, motion, and component behavior.
When to use it
Use when building or styling frontend interfaces, implementing designs, polishing UI, or working on animation and accessibility.
How to use it
It changes how the agent implements UI by prioritizing accessibility, performance, typography, layout, color, motion, and polish.
What you provide
- An existing project
What you need · 6
Directs the agent to use Radix UI primitives as accessible, unstyled component foundations.
Uses class-variance-authority for type-safe component variants.
Directs the agent to use React Hook Form together with Zod when implementing form validation.
Directs the agent to use Zod together with React Hook Form when implementing form validation.
Access · 0
No additional actions listed.