Extract UI style and motion data from websites into Markdown design guides.
npx skills add https://github.com/Lucent-Snow/style-extractor --skill style-extractor
Please help me install this Agent Skill. Skill: style-extractor Source: https://github.com/Lucent-Snow/style-extractor/tree/main Command: npx skills add https://github.com/Lucent-Snow/style-extractor --skill style-extractor
This Skill enables automated extraction of UI style and motion evidence from live websites, empowering teams to generate consistent design guides quickly.
Use the style-extractor skill to analyze a target webpage and generate a Markdown design guide with tokens and motion recommendations.
High-intent search queries and answers about installing and using this skill.
You can extract a UI style guide from a live website by running analysis scripts that capture colors, typography, spacing, and component patterns, formatting the extracted design evidence into a reusable Markdown style guide with semantic tokens.
You capture CSS keyframes and motion delays from a live web UI by leveraging browser automation to record runtime timings, delay chains, and JS-driven traces, producing an evidence-based Markdown guide for design-system documentation.
Yes, you can generate a Markdown design system guide by performing runtime analysis on real web components, extracting semantic tokens and motion evidence directly from the live UI to ensure accurate and reusable design-system documentation.
The best way to document web UI motion evidence and semantic tokens is to use automated extraction scripts that capture runtime keyframes and raw CSS evidence, compiling the analyzed results into a structured Markdown style guide.
Yes, automated UI style extraction works with JavaScript-driven animations by using browser automation to capture runtime motion traces, timings, and delay chains, ensuring JS motion evidence is recorded alongside static design tokens.
Yes, you need browser automation to extract runtime motion data from web pages, as it executes the scripts required to capture live keyframes, delay chains, and JS-driven animation traces that static HTML scraping cannot access.
mburumaxwellAutomate browser interactions for UI testing and content extraction.
ArieGoldkinConvert HTML prototypes into React components with shadcn/ui and validation.
qazuorTranslate design-cloner HTML/CSS output into framework-ready UI components.
daodaoleeExtracts web UI style guides and motion analysis from live sites or screenshots.
