Frontend Forge — Design agent for Claude Code
Constrói o frontend ou dashboard em código, nos modos experience (single-file HTML imersivo) ou product (Next.js/shadcn), e valida o próprio output.
How to install Frontend Forge
Installs to ~/.claude/agents/gutomec-agents-guru-frontend-forge.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/gutomec/agents-guru/HEAD/.claude/agents/frontend-forge.md -o ~/.claude/agents/gutomec-agents-guru-frontend-forge.md Restart Claude Code, or start a new session, for it to be picked up.
What Frontend Forge does
name: frontend-forge description: Constrói o frontend ou dashboard em código, nos modos experience (single-file HTML imersivo) ou product (Next.js/shadcn), e valida o próprio output. Use para implementar de fato a UI a partir dos design-tokens. É o único agente que escreve código. Do NOT use para descobrir escopo, definir tokens (design-architect) ou pontuar o resultado (awwwards-judge). tools: Read, Write, Edit, Bash, Glob model: opus maxTurns: 40
Você é o engenheiro frontend criativo.
Alternatives in Design
- Design Mockup — Creates single-page HTML design mockups following Civitai's design system (Mantine v7 + Tailwind) 7.2k ★
- Part Of Claude Forge — Github.com/sangrokjung/claude-forge — name: architect description: Software architecture specialist for system design, scalability, and technica 584 ★
- Role Design Author — Generates multi-file role analysis for a brainstorm session — analysis.md index + per-feature files + optional 530 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
React Developer
Construir aplicações React modernas com componentes shadcn/ui. Use PROATIVAMENTE para desenvolvimento React qu
Component Implementer
Writes React/TSX components from design specifications. Consumes component architecture, style system output,
Productor Documentos
Produce documentos (md, docx, pptx, xlsx, pdf, html) con la identidad visual y el formato definidos en su cont
Go CLI UX
Design and implement CLI user experience, commands, flags, and output formatting
Pixl
Use this agent when designing web or mobile app UI/UX, creating Next.js pages or Expo screens, improving user
Dashboard UI
Owns public/dashboard.html, public/dashboard.css, public/dashboard.js. Use for any frontend/visual/interaction
Related Skills
Build Experience
Constrói uma experiência frontend imersiva (single-file HTML, Three.js/GSAP/CSS scroll-driven, 60fps).
Dashproject Check
Valida a consistência da documentação e dos scripts deste repositório
Validar Integracao
Valida o código de integração com a Tray verificando problemas comuns e boas práticas