skills.rest
Paidax01Paidax01Community·1 Agent Skills Included

web-to-design-md

Extract website design systems into reusable markdown documents

Inspects any live website and converts its visual language into a structured DESIGN.md document plus an HTML preview board. Captures colors, typography, spacing, components, interaction states, and light or dark theme variants directly from the rendered page. Eliminates manual style auditing so another agent or designer can recreate the site's look without seeing the original.
398|34
↗
npx skills add Paidax01/web-to-design-md --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
Paidax01Paidax01

website-to-design-md

Extract design elements from a live website into markdown and HTML preview.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install web-to-design-md?▼

Run `npx skills add Paidax01/web-to-design-md --all -g -y` in your terminal to install the skill globally, then restart your AI coding app.

How to extract a design system from a website?▼

Give the skill a website URL and it inspects the live page with browser automation, then writes a detailed DESIGN.md covering colors, typography, components, and layout rules.

Does it capture light and dark mode?▼

Yes. When a site supports theme switching, it documents both light and dark palettes separately in the markdown and the HTML preview.

Does web-to-design-md work with Claude Code and Codex?▼

Yes. It follows the universal SKILL.md standard and runs in Claude Code, Codex, Cursor, and other compatible hosts.

Do I need design experience to use it?▼

No. Just provide a URL in plain English and the skill handles the browser inspection and writes the design documentation for you.

Related Repositories in Design & Creative

View All in Design & Creative→
nextlevelbuildernextlevelbuilder
123.5k

ui-ux-pro-max-skill

AI design intelligence for professional UI, brands, and presentations

Official📦 13 Skills
shadcn-uishadcn-ui
122.7k

ui

Build and customize beautiful React component libraries with AI

Official📦 2 Skills
nexu-ionexu-io
93.2k

open-design

Open-source AI design studio for decks, prototypes, images, and video

Official📦 394 Skills