Improve a Google Stitch prompt with brand context
Overview
Generic prompts produce generic-looking UI. Extract the brand's tokens first, then inject them into your Stitch prompt. The output matches the actual brand instead of defaulting to Material or Tailwind styles.
Google Stitch generates UI from natural language descriptions, but without explicit brand parameters it falls back to Material Design conventions or generic styles. The output is functional but visually disconnected from the actual product brand. Extract the brand's tokens with Dembrandt, then include specific values (primary color, font family, base type size, border radius) directly in the Stitch prompt. The generated UI now reflects the real brand identity rather than a plausible-looking but off-brand approximation.
Extract brand tokens
Stitch output that reflects the real brand palette and type system.
More in AI Pipelines
Browse all
All recipes →
Continue reading
Getting started
Install Dembrandt and turn any public website into a complete set of design tokens in under 2 minutes. All you need is Node.js and a terminal.
MCP
Use Dembrandt as a tool inside Claude Code, Cursor, Windsurf, or any MCP-compatible editor. Your agent extracts live design tokens automatically when you ask.
Skills
30 UX and design system skills for AI agents. Install once, your agent designs with hierarchy, WCAG standards, and brand accuracy. The UX knowledge that normally costs senior consultant days.