Audit React/Tailwind codebases for duplicated UI patterns and plan shared component extraction.
npx skills add https://github.com/howells/skills --skill componentize
Please help me install this Agent Skill. Skill: componentize Source: https://github.com/howells/skills/tree/main/componentize Command: npx skills add https://github.com/howells/skills --skill componentize
It reduces UI duplication in a codebase by locating repeated patterns and extracting canonical, reusable shared components instead of continuing to copy-and-tweak implementations across apps or packages.
Use the componentize skill to audit the repository for duplicated UI, propose the highest-value shared components to extract, and outline a migration plan for updating call sites.
High-intent search queries and answers about installing and using this skill.
To extract duplicated React UI patterns, audit the codebase for repeated Tailwind class combinations and markup, then define a canonical component API with clear props, slots, variants, and accessibility contracts before migrating call sites stepwise.
UI deduplication across a Turborepo monorepo requires identifying repeated Tailwind class patterns across apps and packages, establishing architecture boundaries, and extracting shared primitives or surfaces that can be safely imported without broad redesign.
Migrating shared React components across package boundaries requires a stepwise plan that adapts existing code before extraction, updates call sites incrementally, and validates results through typecheck, lint, and relevant build or smoke tests.
Adapt existing React components before extracting new shared primitives when the duplicated UI pattern is a minor variation, because reuse-first decisioning prevents unnecessary API surface expansion and reduces drift-prone component variants in the codebase.
Auditing a React codebase for missed reuse opportunities involves inventorying existing shared UI surfaces, locating repeated markup and Tailwind class patterns, and resolving visible UI targets to their source to recommend whether to reuse, adapt, extract, move, or keep code app-local.
otto-poblyshAudit and modernize existing Tailwind, vanilla CSS, or styled-components projects.
h-4vokRun lint, typecheck, test, smoke, and build checks across a repository and emit a pass/fail report.
sgcarstrendsManage pnpm workspaces and cross-package dependencies across monorepo packages.
Bloodrey41Identify reusable UI patterns and consolidate them into design system components and tokens.
