What problem does it solve? Component libraries drift over time: one component uses disabled while another uses isDisabled, size enums differ between siblings, and some components silently break the published contract by missing forwardRef or native prop extension. This Skill audits TypeScript prop interfaces across the design system and produces a grouped, prioritized findings report. ## Core Features & Use Cases - Contract conformance checks: Verifies forwardRef with displayName, {...rest} spread placement, props extending native element types, correct 'use client' usage, and standard event handler signatures like onValueChange and onCheckedChange. - Style-level consistency audit: Flags mixed boolean naming (disabled vs isDisabled), inconsistent size enums (sm/md/lg vs small/medium/large), non-standard event handler names, and missing standard props like className and disabled. - Family consistency analysis: Compares related components (e.g. Button, CircularButton, ButtonGroup) for shared size enums, icon prop patterns, and aligned default values. - Use Case: Before a design system release, ask for a prop consistency audit to catch breaking renames and missing props, then batch high-impact fixes into a planned breaking release. ## Quick Start Ask the AI to run a prop consistency audit on all components in src/components and report any API inconsistencies grouped by impact.
