Design Register Bootstrap

Set the design register before styling anything substantial.

This skill exists for cases where the model is about to generate UI from vague vibes, default templates, or half-remembered brand intent.

Use For

• new frontend projects without PRODUCT.md or DESIGN.md;
• redesigns where the surface is unclear: marketing brand page vs. app/product UI;
• teams that keep getting mismatched typography, palette, density, or motion across tasks;
• sessions where the agent should create or refresh design context before implementation.

Core Rule

Classify the surface first:

• brand: marketing site, landing page, portfolio, campaign, editorial page, investor page, event page;
• product: dashboard, admin UI, internal tool, settings, onboarding flow, forms, data-heavy app shell.