button-unification
Installation
SKILL.md
Button Unification
Standardize the button component for consistent heights, padding, and transitions across all variants.
Workflow
- Find Button Component - Locate
website/components/ui/button.tsx - Audit Current Styles - Review existing buttonVariants
- Standardize Heights - Unified height per size
- Standardize Padding - Consistent padding per size
- Standardize Typography - Same font size and weight and variant
- Unify Border-Radius - Same radius for all variants
- Unify Transitions - Same transition for all variants
- Background - Ensure background styles are consistent for each variant
- Icon Sizes - Standardize icon button dimensions for each size
- Text Color - Ensure text colors are consistent per variant
- Verify Consistency - Test all variant + size combinations