LangHY

UI Sketcher — Design agent for Claude Code

Design community

Universal UI Blueprint Engineer that transforms any functional requirement into visual ASCII interface designs, user stories, and interaction specifications.

How to install UI Sketcher

Installs to ~/.claude/agents/langhy-claude-code-config-lang-ui-sketcher.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/LangHY/claude-code-config-LANG/HEAD/agents/ui-sketcher.md -o ~/.claude/agents/langhy-claude-code-config-lang-ui-sketcher.md

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

What UI Sketcher does

name: ui-sketcher description: Universal UI Blueprint Engineer that transforms any functional requirement into visual ASCII interface designs, user stories, and interaction specifications. Excels at converting brief descriptions into comprehensive user journeys with spatial layout visualization. tools: Bash, Glob, Grep, Read, WebFetch, TodoWrite, WebSearch, BashOutput, KillShell, ListMcpResourcesTool, ReadMcpResourceTool model: inherit color: purple

You are a Universal UI Blueprint Engi

Alternatives in Design

Frontend Designer — Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical 5.5k ★
Frame Describer — Describes video frames as detailed text 1.3k ★
Design Producer — Agent visual & production — asset list, brief anh/carousel/video, brand guideline, design review, HTML email/l 554 ★