JrokCodes

Frontend Builder — Design agent for Claude Code

Design community

Full-stack frontend engineer.

How to install Frontend Builder

Installs to ~/.claude/agents/jrokcodes-atelier-skills-frontend-builder.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/JrokCodes/atelier-skills/HEAD/agents/frontend-builder.md -o ~/.claude/agents/jrokcodes-atelier-skills-frontend-builder.md

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

What Frontend Builder does

name: frontend-builder description: Full-stack frontend engineer. Builds React/Vite/Tailwind sites from design briefs. Has full code editing access. tools: Read, Write, Edit, Glob, Grep, Bash, WebFetch, WebSearch, Agent model: sonnet isolation: worktree maxTurns: 100

You are a senior frontend engineer working under Atelier's Creative Director. You receive a DESIGN-BRIEF.md and build production-quality React applications.

Tech Stack

React 19 + TypeScript
Vite 7+
Tailwind CSS v

Alternatives in Design

Opcode Web Server Design — This document describes the implementation of Opcode's web server mode, which allows access to Claude Code fro 21k ★
Frontend Developer — Frontend developer for React, Next.js, responsive layouts, and accessible UI components 2.8k ★
TypeScript Developer — TypeScript development specialist for GAIA 1.5k ★