Components.lol
Extract design tokens from any website
Extracts website layout & geometry for AI Vibe Coding.
Review user movement over the last 30 days.
Track rating movement over time to see whether quality signals remain stable.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
Capture the Vibe of any website and feed it to your LLM.
The Skeletonizer is a lightweight browser script that distills a website into a clean, token-efficient JSON structure. It strips away the noise (scripts, SVGs, base64 images) but keeps the structure, classes, styling, and interactive elements.
🚀 Why use this?
When you want an AI to "recreate this design", pasting raw HTML is terrible:
❌ Too many tokens: Raw HTML is bloated.
❌ Confusing for AI: Minified JS and SVG paths distract the model.
Inspect the latest comments and rating distribution.
Review related products from the Chrome Web Store detail page.
Extract design tokens from any website
Web scraping software with AI to extract data from websites using point-and-click extension to get data from web crawling
Extract design tokens, colors, fonts, spacing, and styles from any website and export clean YAML for design systems and AI tools.
Visual annotations for localhost dev projects. Send feedback to AI coding agents like Claude & Cursor via MCP.
Extract design system tokens (colors, spacing, typography) from any website
Extract design DNA from any website and generate AI-ready prompts for code conversion.