Senior-level UX and design-system skills for AI agents, covering typography, accessibility, and more.
dembrandt-skills is easy to set up with strong trust signals. Check agent compatibility and use-case fit before adding it to your workflow.
npx skills add dembrandt/dembrandt-skillsRun the command in your terminal.
Confirm that the skill files were added to your agent workspace.
Check the README requirements before invoking the skill in your agent.
Repository setup guidance
Strong trust signals; still review the README and permissions before production use.
Last commit was about 28 days ago.
39 GitHub stars indicate community interest.
1 open issues signal maintenance load.
Generate design system documentation for UI components directly from your AI agent, rendering into Figma or portable .md files.
Argos is an open source visual testing platform that detects unintended UI changes to help teams maintain quality.
Bidirectional MCP bridge that lets AI draw UI directly on Figma canvas and read designs back as structured data.
This package gives your AI coding assistant a set of design rules and best practices. Once installed, the assistant can automatically apply good UX and design-system knowledge when you ask it to build or review interfaces. It works with tools like Claude Code and Cursor.
dembrandt-skills is a collection of opinionated, practical skills that encode senior-level UX and design-system knowledge for AI agents. It covers fundamentals like hierarchy, typography, accessibility, and interaction patterns, distilled from experience across hundreds of products. The skills are loaded on-demand based on the user's request, so there's no runtime overhead. It includes 40+ skills covering brand visual language, color modes, algorithmic color palettes, modular scale typography, elevation and depth, button states, component consistency, layout paradigms, gestalt principles, information architecture, responsive design, form design, data display, accessibility (WCAG), and more. Two skills (extract-design and generate-ui-from-brand) can read real design tokens from live websites, requiring the optional dembrandt engine as an MCP server. The package is designed for agents that support the Open Agent Skills format, such as Claude Code and Cursor.
Senior-level UX and design-system skills for AI agents, covering typography, accessibility, and more.
Frontend developers using AI coding assistants, UX designers who want to enforce design standards in AI-generated code, Full-stack developers building enterprise applications
The setup section provides repository-level starting guidance, not a guarantee of an independently verified installation. Check the official README and release notes.
The optional engine (dembrandt) runs via npx and may execute code from the npm registry; ensure you trust the package. Skills are instructions; they may influence agent behavior, but they are not executable code themselves.
Similar or complementary options to evaluate include uSpec, Argos, figma-ui-mcp.
Aug 20, 2026
MIT license detected.
3 security/trust notes recorded.
Setup difficulty is 2/5.
39
Stars
7
Forks
1
Issues
MIT
License