orion-lib

Frontend Designer — Design agent for Claude Code

Design community

Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical specifications and implementation guides for frontend development.

How to install Frontend Designer

Installs to ~/.claude/agents/orion-lib-oriontv-frontend-designer.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/orion-lib/OrionTV/HEAD/.claude/agents/frontend-designer.md -o ~/.claude/agents/orion-lib-oriontv-frontend-designer.md

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

What Frontend Designer does

name: frontend-designer description: Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical specifications and implementation guides for frontend development. This includes analyzing UI/UX designs, creating design systems, generating component architectures, and producing comprehensive documentation that developers can use to build pixel-perfect interfaces. Examples:\n\n\nContext: User has a Figma mockup of a dashboard and need

Alternatives in Design

Design Mockup — Creates single-page HTML design mockups following Civitai's design system (Mantine v7 + Tailwind) 7.2k ★
Frame Describer — Describes video frames as detailed text 1.3k ★
Omd UI Junior — Junior UI designer that translates a journey + Core v2 design system into ASCII wireframes (Phase 4) or compon 465 ★