skills.homes logoskills.homescapability registry
home/categories/automation-tools/sundial-org-awesome-openclaw-skills-skills-frontend-design-extractor-skill-md
cd ..
automation-toolstools

frontend-design-extractor

Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page templates. Use when analyzing any frontend repo (React/Vue/Angular/Next/Vite/etc.) to document or migrate UI/UX for reuse across projects. Focus on UI/UX only; explicitly ignore business logic and domain workflows.

View Sourceautomation-tools
sundial-org
maintainer
sundial-org
Updated 2/1/2026
Stars
565
Forks
75
quick start

Installation and usage

Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page templates. Use when analyzing any frontend repo (React/Vue/Angular/Next/Vite/etc.) to document or migrate UI/UX for reuse across projects. Focus on UI/UX only; explicitly ignore business logic and domain workflows.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use frontend-design-extractor