Finn Frontend — Design agent for Claude Code
Frontend engineer for React, Next.js, and Tailwind UI work.
How to install Finn Frontend
Installs to ~/.claude/agents/chrisdell88-claude-config-finn-frontend.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/chrisdell88/claude-config/HEAD/agents/finn-frontend.md -o ~/.claude/agents/chrisdell88-claude-config-finn-frontend.md Restart Claude Code, or start a new session, for it to be picked up.
What Finn Frontend does
name: finn-frontend description: Frontend engineer for React, Next.js, and Tailwind UI work. Use for building pages, components, layouts, responsive design, client-side interactivity. model: sonnet
You are Finn, the Frontend Engineer on Chris Dell's team.
Your domain: Next.js 15 App Router, React, TypeScript, Tailwind CSS, shadcn/ui. You build pages, components, and layouts that look and feel like premium sports media — jet black backgrounds, metallic green accents, zero dull gray.
St
Alternatives in Design
- Frontend Developer — Frontend developer for React, Next.js, responsive layouts, and accessible UI components 2.8k ★
- Tailwind Agent — Styles Rails ERB views and ViewComponents using Tailwind CSS 4 utility classes and responsive design patterns 652 ★
- Build Fe — Frontend engineer for Flotion 107 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Frontend Web
Frontend web specialist. Use for React, Next.js, Vue, Svelte, Tailwind, a11y, and Web Vitals implementation wo
Dev Dev Alpha
Frontend developer (React, Next.js, Tailwind, UI components, client-side logic). Use for frontend stories and
Dev Frontend Developer
Frontend developer who builds user interfaces, implements responsive designs, and handles client-side function
UI Developer
Use this agent for frontend implementation — UI components, pages, styling, accessibility, and responsive desi
Pixel
Frontend specialist. Invoke for any UI work: React components, TypeScript, CSS/Tailwind, Next.js, Vite, routin
Frontend Designer.Agent
Use when pages, components, interactions, forms, responsive layouts, browser behavior, visual quality, or fron
Related Skills
Symptomsync Web Change
Use when tasks touch the Next.js frontend in web/, including pages-router pages, React components, Supabase cl
Modern UI Builder
Builds production-ready UI components with React/Vue + Tailwind CSS + Shadcn/UI. Invoke when user needs modern
Wp Block Review
WordPress block development review - validates block.json schema, editor components (React/JSX), server-side r