Overview
Extracts website layout & geometry for AI Vibe Coding.
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. ā Skeletonizer JSON: Provides exactly what the LLM needs: Layout, Colors, Fonts, Spacing, and Component Hierarchy. š¦ Installation Go to any website you admire (e.g., Apple, Stripe, Linear). Open the Console (F12 -> Console). Paste the script (if not using bookmarklet). A .json file will automatically download. š¤ How to Prompt the AI (Example) Upload the JSON file to ChatGPT/Claude and use this prompt: "I have attached a JSON skeleton of a website design I like. Please analyze the 'DESIGN VIBE' and the structure. Recreate a similar landing page for my project [Project Name] using Tailwind CSS and React. Maintain the same spacing, typography hierarchy, and color balance." āØ Features - Semantic Analysis - Captures id, class, and HTML tags. - Interactive Detection - Automatically flags <button>, <a>, and inputs. - Style Extraction - Grabs computed styles (Flexbox, Grid, Colors) but ignores defaults. - Privacy Friendly - Runs entirely in your browser. No data sent to servers.
Details
- Version6.0
- UpdatedFebruary 18, 2026
- Offered bynostrardi.labs
- Size18.85KiB
- LanguagesEnglish (United States)
- Developer
Email
nostrardi.labs@gmail.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
Skeletonizer v6 has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.
Skeletonizer v6 handles the following:
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
