Agent capability

ui-system-extractor

Audit an existing React or Next.js application's UI and incrementally extract its reusable primitives, component variants, patterns, themes, content adapters, and CMS layouts into a central UI package without redesigning the application. Use this skill whenever a user asks to centralize UI, create or extend a design system, migrate local components into a shared package, deduplicate Tailwind or Radix components, make an existing frontend themeable, publish a component registry, or preserve an existing design while making it reusable. Prefer existing application implementations and official upstream primitives over inventing new components.

Requires repository read/write access for implementation, a shell for deterministic inventory and validation, and browser or screenshot tooling for visual parity checks. Optimized for React, Next.js, TypeScript, Tailwind CSS, Radix Primitives, Motion, and CMS ecosystems. 8 files 50,300 bytes

Runtime provisioning

Provision this capability

The provisioning flow resolves the versioned manifest, verifies every SHA-256 digest, and applies the package atomically.

Shared Agent Skills

User scope: ~/.agents/skills/ui-system-extractor

curl -fsSLo /tmp/mm-skills-install.sh __MM_RUNTIME_ORIGIN__/install.sh && bash /tmp/mm-skills-install.sh ui-system-extractor --client agents --scope user --registry __MM_RUNTIME_ORIGIN__

Codex

User scope: ~/.agents/skills/ui-system-extractor

curl -fsSLo /tmp/mm-skills-install.sh __MM_RUNTIME_ORIGIN__/install.sh && bash /tmp/mm-skills-install.sh ui-system-extractor --client codex --scope user --registry __MM_RUNTIME_ORIGIN__

OpenCode

User scope: ~/.config/opencode/skills/ui-system-extractor

curl -fsSLo /tmp/mm-skills-install.sh __MM_RUNTIME_ORIGIN__/install.sh && bash /tmp/mm-skills-install.sh ui-system-extractor --client opencode --scope user --registry __MM_RUNTIME_ORIGIN__

Antigravity

User scope: ~/.gemini/config/skills/ui-system-extractor

curl -fsSLo /tmp/mm-skills-install.sh __MM_RUNTIME_ORIGIN__/install.sh && bash /tmp/mm-skills-install.sh ui-system-extractor --client antigravity --scope user --registry __MM_RUNTIME_ORIGIN__
Windows PowerShell
$installer = Join-Path $env:TEMP 'mm-skills-install.ps1'; Invoke-WebRequest '__MM_RUNTIME_ORIGIN__/install.ps1' -OutFile $installer; & $installer -Skill 'ui-system-extractor' -Client 'agents' -Scope 'user' -Registry '__MM_RUNTIME_ORIGIN__'

Artifact integrity

Versioned package contents

Inspect manifest
PathBytesSHA-256
evals/evals.json 1,550 97713f782e7cb4d8…
references/audit-schema.md 3,618 eaf84dcb74ccd06a…
references/cms-theming.md 3,970 a99107bcc5f67fa9…
references/migration-playbook.md 4,131 d25ae0cbf85fcf27…
references/source-priority.md 2,837 2dbdae3e427f7d4b…
scripts/inventory_ui.py 17,214 be6f6011343028af…
scripts/test_inventory_ui.py 2,075 466e2a684486cc61…
SKILL.md 14,905 8070f3052b962dcf…