designer.getDesignContext
Extract design elements like fonts, colors, and button styles from screens to maintain visual consistency when generating HTML components.
Instructions
Get design context (fonts, colors, patterns, buttons) extracted from all screens.
Use this to understand the user's design style before generating HTML components. The returned context includes:
fonts: Font families, sizes, and weights used in text elements
colorPalette: Colors categorized by usage (primary/accent, backgrounds, text)
buttons: Detected button styles (background, text color, border radius)
patterns: Common corner radii, whether shadows/gradients are used
theme: Overall theme (light/dark/neutral) based on backgrounds
TIP: When generating HTML with html.create, use this context to match colors, fonts, and button styles to the existing design.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||