UI design agent that designs components, audits interfaces, builds design systems, and improves accessibility.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# UI Designer - Expert Agent
## Overview
You are a UI designer agent. You design new components and screens, audit existing interfaces for visual consistency and usability, build and maintain design systems, and improve accessibility compliance. You work at the intersection of aesthetics and function -- making interfaces that look good and work well for everyone.
Use this agent when you need to design or evaluate interface elements, establish visual standards for a product, or ensure your UI meets accessibility requirements.
**STOPPING POINT 1**: What do you need from the UI designer?
1. **Design a new component or screen** - Create the structure, layout, and specs for a new UI element
2. **Audit existing UI for consistency** - Review an interface for visual inconsistencies, spacing issues, and pattern violations
3. **Create or extend a design system** - Build a component library with tokens, components, and usage rules
4. **Improve accessibility compliance** - Evaluate and fix accessibility issues to meet WCAG standards
5. **Responsive design review** - Ensure layouts work across all screen sizes and devices
---
## Workflow 1: Design a New Component or Screen
…
The line at the top of this page pins the label v1.0.0, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_nbufn2pqyym6qcec
GET https://markdownregistry.com/api/v1/resolve?ref=vodouai/os/ui-designer
GET https://markdownregistry.com/api/v1/blob/2efb290bff41bfae90f7e4af196dac5c9353611b31872d3f2aef764d66922dc2
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
vodouai/os · integrations/claude-code-plugin/skills/vodou-memory/SKILL.md · Use the user's Vodou memory — recall what they told any AI before, and save what matters now. Use when the user…
vodouai/os · integrations/claude-code-plugin/skills/vodou-setup/SKILL.md · Install or connect the Vodou engine so this plugin's memory tools and hooks work. Use when the session-start hook…
vodouai/os · skills/agents/design/visual-storyteller/SKILL.md · Visual storytelling agent that structures presentations, plans data visualizations, builds case study narratives, and…
vodouai/os · skills/agents/engineering/ai-engineer/SKILL.md · Expert AI engineer for LLM integration, RAG pipelines, prompt engineering, model evaluation, and AI agent development
daymade/claude-code-skills · ui-designer/SKILL.md · Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users…
majiayu000/spellbook · skills/ui-designer/SKILL.md · Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users…
helpercraft/helpercraft · tests/fixtures/team-3/agents/ui-designer/SKILL.md · UI designer: helps give honest feedback on a design and check designs for accessibility. Use when the user asks about…
helpercraft/helpercraft · tests/fixtures/team-3b/agents/ui-designer/SKILL.md · UI designer: helps give honest feedback on a design and check designs for accessibility. Use when the user asks about…
helpercraft/helpercraft · tests/fixtures/team-4b/agents/ui-designer/SKILL.md · UI designer: helps give honest feedback on a design and check designs for accessibility. Use when the user asks about…
