mruangutai

Harness Visual Designer — Design agent for Claude Code

Design community

Visual designer — owns DESIGN.md as the design contract, builds throwaway mockups for exploration, and decides whether a feature needs end-user interaction and therefore a high-fidelity prototype the.

How to install Harness Visual Designer

Installs to ~/.claude/agents/mruangutai-harness-harness-visual-designer.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/mruangutai/harness/HEAD/.claude/agents/harness-visual-designer.md -o ~/.claude/agents/mruangutai-harness-harness-visual-designer.md

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

What Harness Visual Designer does

name: harness-visual-designer description: Visual designer — owns DESIGN.md as the design contract, builds throwaway mockups for exploration, and decides whether a feature needs end-user interaction and therefore a high-fidelity prototype the user must approve. Use for visual identity, UX, or before implementing any user-facing surface. tools:

Read
Glob
Grep
Edit
Write
Bash
Skill color: purple model: opus effort: medium skills:
harness-handoff
harness-expertise
harness-pr

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 ★
UI Design Agent — UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG A 530 ★