Use this agent to review a built packages/app-tauri component against the warm-chrome prototype artboards and the theme contract, and report visual/behavioral deltas (spacing, tokens, states, missing data-testids). Use it after porting a component, before considering it done.
How to install design-conformance?
qlan-ro/mainframe/design-conformance
$curl -o .claude/agents/design-conformance.md https://raw.githubusercontent.com/qlan-ro/mainframe/HEAD/.claude/agents/design-conformance.mdInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Install design-conformance by running `curl -o .claude/agents/design-conformance.md https://raw.githubusercontent.com/qlan-ro/mainframe/HEAD/.claude/agents/design-conformance.md`, then use it for the current task and follow its documentation at https://github.com/qlan-ro/mainframe.
Related
6 picksType
- design-reviewExpert design reviewer for web UI. Use PROACTIVELY after any front-end change and before calling UI work complete, or when the user asks to review/audit a page, screen, or PR for visual quality,…Jul 2026
- presentation-claude-codePROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-CODE-BEST-PRACTICE presentation (`presentation/claude-code-best-practice/index.html`) — slides,…Jul 2026
- presentation-claude-geminiPROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-GEMINI presentation (`presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html`) —…Jul 2026
- presentation-vibe-codingPROACTIVELY use this agent whenever the user wants to update, modify, or fix the VIBE-CODING presentation (`presentation/vibe-coding-to-agentic-engineering/index.html`) — slides, structure, styling,…Jul 2026
- ux-designerProduces a concise, accessible UX brief with flows, states, and annotations.Jul 2026
- impeccable-asset-producerProduces clean reusable raster assets from approved Impeccable mock references without redesigning the direction.Jul 2026
