Brand To DESIGN.md

Overview

Use this skill to turn public brand evidence into a token-ready DESIGN.md that a coding agent can use to generate consistent UI. When useful, also create a demo HTML page and verify it in a browser.

Start from the Google Labs DESIGN.md standard, not from example directories or third-party showcase pages. The output should be practical, source-aware, and executable by an agent.

Workflow

1. Confirm Scope And Standard

Clarify only if needed:

• Target brand URL or brand name.
• Required outputs: DESIGN.md only, or DESIGN.md plus demo HTML and screenshots.
• Target context: website, app UI, developer docs, product page, editorial asset, or general system.

Use the Google Labs DESIGN.md format as the structural reference: metadata, design tokens, component guidance, imagery rules, logo boundaries, and Do/Don't guidance.