Skip to main content
Home/Recipes/Design review with Dembrandt Skills
Integrations

43.Design review with Dembrandt Skills

DesignerDeveloper

Overview

Dembrandt Skills give AI agents structured design knowledge. Combine with an extraction to get a review grounded in real token data, not generic best-practice advice.

Dembrandt Skills is a set of 30 UX and design system skills for AI agents with structured knowledge about visual hierarchy, WCAG standards, spacing systems, component design, and brand consistency. Used alongside an extraction, the agent's design reviews are grounded in both general design principles and the specific token values of the actual product. Instead of generic advice ('consider increasing contrast'), the agent says: 'this gray text on this background fails AA at 3.2:1, your brand token for this surface is --color-surface which should use --text-secondary at minimum'.

Install skills
npx skills add dembrandt/dembrandt-skills
Claude Code prompt
# With skills installed and an extraction in context:
"Review this UI against the extracted tokens.
Identify WCAG contrast issues, inconsistent spacing,
and color values that deviate from the brand palette."
Output

Structured design review: contrast failures, token inconsistencies, and brand deviation.

More in Integrations

Browse all

All recipes →

43 workflows