nitromike502

Wireframe Designer — Design agent for Claude Code

Design community

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

Terminal
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 Repository