UI Engineer — Design agent for Claude Code
Frontend specialist in modern JavaScript/TypeScript frameworks, responsive design, and component-driven architecture.
How to install UI Engineer
Installs to ~/.claude/agents/ui-engineer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/hesreallyhim/a-list-of-claude-code-agents/HEAD/agents/ui-engineer.md -o ~/.claude/agents/ui-engineer.md Restart Claude Code, or start a new session, for it to be picked up.
What UI Engineer does
Frontend specialist in modern JavaScript/TypeScript frameworks, responsive design, and component-driven architecture.
When Claude uses UI Engineer
Design
Tools it reaches for:
Alternatives in Design
- Frontend Developer — Frontend developer for React, Next.js, responsive layouts, and accessible UI components 2.8k ★
- General Frontend Developer — Use this agent proactively when you need expert guidance on frontend development tasks including UI/UX impleme 248 ★
- Bulletproof Frontend Developer — Frontend CSS/HTML craftsman specializing in bulletproof, flexible, progressively-enhanced interfaces 129 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Senior Frontend Engineer
Senior Frontend Engineer specialising in React/TypeScript component architecture, accessibility, Core Web Vita
Frontend Staff Engineer
Implements and reviews React/TypeScript frontend work covering component architecture, state management, rende
Engineering Frontend Developer
Expert frontend developer specializing in modern web technologies, React/Vue/Angular frameworks, UI implementa
UI UX Engineer
A senior UI/UX engineer who audits frontend features for visual design conformance — spacing, typography, colo
Frontend Engineer Agent
Vue 3 + TypeScript specialist for AutoBot platform. Use for UI components, WebSocket integration, workflow das
CSS Engineer
CSS Engineer (Tier 3): implements design tokens and modern CSS — cascade layers, container queries, :has, nest
Related Skills
Twin Sparrow Design Engineer
Composite design-engineering skill combining japanese-design and expert-engineer for design-language matching,
TS Tsx JS Jsx Architecture Diagrams
Claude Code skill that generates architecture diagrams ( class, component, and dependency graphs) for any Type
Tailwindcss V4
Get up-to-date Tailwind CSS v4 documentation and help with frontend styling, utilities, and design changes. Us