Overview
Extract page styles and generate DESIGN.md or SKILL.md files and use it with Google Stitch, Claude, Codex, and Cursor.
This extension for Chrome helps you extract styles from any website and generate DESIGN.md or SKILL.md files for AI development for tools such as Google Stitch, Claude Code, Codex, and more. The algorithm detects CSS variables and generates a design profile of any given site based on content and elements.
Details
Version
0.4.0
Updated
April 18, 2026
Size
47.06KiB
Languages
Developer
Bergside SRL
Website
Str. Constantin Titel Petrescu, Nr. 7, Ap. 4 Timisoara, Timis 300103 ROEmail
zoltan@bergside.com
Phone
+40 730 640 239
Trader
This developer has identified itself as a trader per the definition from the European Union and committed to only offer products or services that comply with EU laws.
D-U-N-S
662566135
Privacy
Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.
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
Support
Related
Figma
4.1
Figma
DESIGN.md Generator
5.0
Extract any website's design system as DESIGN.md or SKILL.md — feed to Claude Code, Cursor, or Codex.
Floto: Design Feedback
3.3
Floto: Design Feedback – Audit web pages, compare designs, and turn issues into actionable fixes
UIDrop — Design System Extractor for AI
5.0
Extract any site's colors, fonts, spacing & components in one click. Send the design system to your AI coding assistant.
Responsive Viewer
4.2
Show multiple screens once, Responsive design tester
Web Capture - HTML to React with MagicPath
4.5
Capture elements from the web. Convert elements into interactive React components and edit manually or with AI on a canvas.
.MD this page
3.0
Turn any web page into clean, LLM-ready Markdown in one click
Mobile View — Mobile Simulator & Preview
4.9
Mobile simulator: preview any site on iPhone, Android & tablets — up to 5 at once. Mobile view + desktop live, responsive design.
html.to.design
4.5
Convert any website into fully editable Figma designs.
Woblo
5.0
Copy any website's colors, fonts, icons and CSS in one click. Export a full design system to Tailwind, shadcn or your AI tool.
CSS Peeper
2.6
Inspect website styles in seconds. Supercharge your workflow, and save hours of work.
PromptCard - Image to Prompt AI
4.8
Right-click any image and turn it into detailed prompt analysis in English, Chinese, Japanese, and JSON.
Figma
4.1
Figma
DESIGN.md Generator
5.0
Extract any website's design system as DESIGN.md or SKILL.md — feed to Claude Code, Cursor, or Codex.
Floto: Design Feedback
3.3
Floto: Design Feedback – Audit web pages, compare designs, and turn issues into actionable fixes
UIDrop — Design System Extractor for AI
5.0
Extract any site's colors, fonts, spacing & components in one click. Send the design system to your AI coding assistant.
Responsive Viewer
4.2
Show multiple screens once, Responsive design tester
Web Capture - HTML to React with MagicPath
4.5
Capture elements from the web. Convert elements into interactive React components and edit manually or with AI on a canvas.
.MD this page
3.0
Turn any web page into clean, LLM-ready Markdown in one click
Mobile View — Mobile Simulator & Preview
4.9
Mobile simulator: preview any site on iPhone, Android & tablets — up to 5 at once. Mobile view + desktop live, responsive design.