aladicf 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.
Extract
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.
Extract by aladicf · 50ca5c7
npx skillmds@latest add aladicf/extract-2 File contents
---name: extract-2description: 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.---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).
aladicf/better-react-web-ui/tree/main/.pi/skills/extract commit 50ca5c7ecd
Frequently asked questions
Run npx skillmds@latest add aladicf/extract-2 in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
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. It is listed under Design & Media on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
aladicf (@aladicf) published this skill. Their other Agent Skills are listed on their SkillMD profile.