aladicf This compatibility wrapper exposes the extract skill for the .opencode/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 · 0a6b451
npx skillmds@latest add aladicf/extract-8 File contents
---name: extract-8description: 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 `.opencode/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/.opencode/skills/extract commit 0a6b4519db
Frequently asked questions
Run npx skillmds@latest add aladicf/extract-8 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.