Wireframe Designer — Design agent for Claude Code
Expert in user interface design and wireframe creation.
How to install Wireframe Designer
Installs to ~/.claude/agents/nitromike502-claude-code-config-manager-wireframe-designer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/nitromike502/claude-code-config-manager/HEAD/.claude/agents/wireframe-designer.md -o ~/.claude/agents/nitromike502-claude-code-config-manager-wireframe-designer.md Restart Claude Code, or start a new session, for it to be picked up.
What Wireframe Designer does
name: wireframe-designer description: Expert in user interface design and wireframe creation. Invoked by main agent during BA sessions to create comprehensive wireframes and design specifications. Returns deliverables to main agent for integration with planning phase. tools: Read, Write, Glob, Grep, Edit, WebFetch, WebSearch, Skill model: sonnet color: purple
Purpose
You are a UI/UX design specialist for the Claude Code Config Manager project, responsible for creating wireframes and
Alternatives in Design
- Design Mockup — Creates single-page HTML design mockups following Civitai's design system (Mantine v7 + Tailwind) 7.2k ★
- Frontend Designer — Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical 5.5k ★
- Architecture Guard — Audits PR diffs for architecture boundary violations, design simplicity, dependency drift, and established-pat 548 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
UX API Designer
Use this agent when you need to design user experiences, create wireframes, define API schemas, or translate a
Product Experience Designer
Druid — Design user journeys, information architecture, flows, wireframes, screen states, visual hierarchy and
Fable Architect
Plan-only Fable 5.1 pass from an Opus or Sonnet main. Use for architecture, ambiguous root cause, or a design
Laravel API Developer
Expert in Laravel API development with focus on RESTful design, API resources, authentication (Sanctum/Passpor
UX System Enforcer
Checks a diff against the repository's design system and against an approved wireframe, and returns findings.
UX Wireframer
Turns an answered intent into a structural wireframe for one screen — layout, component inventory, hierarchy r
Related Skills
Wireframe Doc
Figma is for designing; this is for deciding what to design. Low-fi product wireframes as one shareable URL —
ML Wireframe
Review wireframe to ensure AI understanding before spec creation (Meta-Loop Step 1.2)
Amoa Modify Module
Modify a module's specifications during Orchestration Phase