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 ★
General Frontend Developer — Use this agent proactively when you need expert guidance on frontend development tasks including UI/UX impleme 248 ★