Componentize

Refactor large chunks of UI code into organized, reusable components.

Installation

Run the ui.sh installer to add this skill in your project:

npx @uidotsh/install componentize --token=[token]

To install multiple skills at once, omit the skill name from the command:

npx @uidotsh/install --token=[token]

Organize code into components

Use the componentize skill to split large UI files into smaller reusable components:

/componentize

The skill inspects existing component patterns, extracts repeated sections and self-contained UI blocks, and reuses project components where possible.

What this skill does

  • Turns bulky UI files into maintainable, reusable code.
  • Extracts repeated patterns, logical sections, and self-contained blocks.
  • Preserves the existing layout and behavior while improving the structure.
  • Reuses project components where possible and keeps new components flexible.
Skills