Website to DESIGN.md

Overview

Use this skill to turn a real website into a reusable design.md or DESIGN.md document plus a companion HTML preview.

The goal is not to clone the site. The goal is to inspect it deeply enough that another agent can recreate the same design language, content tone, and interaction feel without needing to see the original website.

The HTML preview is a practical review surface. It should translate the markdown into a glanceable design board so the user can inspect palette, typography, spacing, component cues, and the raw markdown source without reopening the site.

Universal Browser Rule

This skill should always use agent-browser first.