accionlabs

Design From UI Structuring Agent — Design agent for Claude Code

Design community

Take ONE outcome (with all its scenarios), run grep discovery, read the actual UI code, classify components by atomic design level, build Design Graph subtrees (UserJourney → Flows → Pages → Component.

How to install Design From UI Structuring Agent

Installs to ~/.claude/agents/accionlabs-breezeai-claude-plugin-design-from-ui-structuring-agent.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/accionlabs/breezeai-claude-plugin/HEAD/agents/design-from-ui-structuring-agent.md -o ~/.claude/agents/accionlabs-breezeai-claude-plugin-design-from-ui-structuring-agent.md

Restart Claude Code, or start a new session, for it to be picked up.

What Design From UI Structuring Agent does

name: design-from-ui-structuring-agent description: Take ONE outcome (with all its scenarios), run grep discovery, read the actual UI code, classify components by atomic design level, build Design Graph subtrees (UserJourney → Flows → Pages → Components) for every scenario in the outcome, self-validate, write payloads to disk, and upsert via Bulk_Update_Design_Nodes MCP tool. Designed to be invoked by the generate-design-from-ui skill (one call per outcome, up to 3 outcomes in parallel). Ret

Alternatives in Design

Omd Master — 레포 컨텍스트를 분석하고 필요한 결정만 질문한 뒤 Core v2 graph-first 시스템, wireframe, component, copy, validation을 필수 체크포인트와 함께 완주하는 465 ★
Readability Auditor — Cold readability auditor for design.md and track files: reads house-style and the document slice only, never t 432 ★
Design Builder — Use this agent for building production-ready prototypes and implementations from design specs — assembling com 240 ★