SeanMatthewAI

Frontend Architect — Design agent for Claude Code

Design community

Use this agent when you need to build user interfaces or frontend components, convert mockups/wireframes/design images into working code, implement React/Vue/Angular/vanilla JavaScript frontends, vali.

How to install Frontend Architect

Installs to ~/.claude/agents/seanmatthewai-subagent-demo-frontend-architect.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/SeanMatthewAI/subagent-demo/HEAD/.claude/agents/frontend-architect.md -o ~/.claude/agents/seanmatthewai-subagent-demo-frontend-architect.md

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

What Frontend Architect does


name: frontend-architect description: Use this agent when you need to build user interfaces or frontend components, convert mockups/wireframes/design images into working code, implement React/Vue/Angular/vanilla JavaScript frontends, validate UI implementations against design specifications, create responsive layouts and interactive components, set up frontend tooling and build processes, or test frontend functionality and visual appearance. This agent should be used PROACTIVELY whenever fro

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 ★
  • Frame Describer — Describes video frames as detailed text 1.3k ★

Full documentation available on GitHub

View Source Repository