# Extract

> Extract reusable components, product patterns, and design tokens into a clearer design system wit…

Extract reusable components, product patterns, and design tokens into a clearer design system with shared APIs, documented defaults, and better reuse. Use when the user wants to refactor repeated UI, consolidate buttons/cards/forms/sections, build a component library, or turn one-off values into reusable tokens.

- Page: https://ss33.ai/skills/aladicf/extract-91348452335
- Publisher: aladicf
- Category: [Software Development](https://ss33.ai/skills/category/software-development-t44z8z) › [Frontend & UI](https://ss33.ai/skills/category/software-development-t44z8z/frontend-and-ui-q25e9r)
- License: MIT
- Source: https://github.com/aladicf/better-web-ui/blob/af21dcfa71d83104a9e0beb04ffedf79f800f53c/.pi/skills/extract/SKILL.md

## Skill

SKILL.md: https://ss33.ai/api/v1/ss33/download/aladicf/extract-91348452335

This compatibility wrapper exposes the `extract` skill for the `.pi/skills` layout while keeping `skills/extract/SKILL.md` as the canonical source of truth.

Follow the canonical instructions in [../../../skills/extract/SKILL.md](../../../skills/extract/SKILL.md).