Frontend UI Specialist — Design agent for Claude Code
Use this agent when working on frontend UI components, styling, or visual elements.
How to install Frontend UI Specialist
Installs to ~/.claude/agents/bwads001-claude-code-agents-frontend-ui-specialist.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/bwads001/claude-code-agents/HEAD/agents/frontend-ui-specialist.md -o ~/.claude/agents/bwads001-claude-code-agents-frontend-ui-specialist.md Restart Claude Code, or start a new session, for it to be picked up.
What Frontend UI Specialist does
name: frontend-ui-specialist description: Use this agent when working on frontend UI components, styling, or visual elements. This includes creating new components, updating existing UI elements, implementing designs, working with CSS frameworks, or making any frontend-related changes to the application. **USE PROACTIVELY** for any UI/component work - don't create components yourself. Examples: Context: User needs to create a new user profile card component for the dashboard. user:
Alternatives in Design
- HTML CSS — Web standards for semantic markup, maintainable styling, and accessibility 31.9k ★
- Frontend Designer — Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical 5.5k ★
- Viewcomponent Agent — Creates reusable ViewComponents with slots, previews, and comprehensive tests for Rails UI elements 652 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
UX UI Designer
Use this agent when you need to design, validate, or improve user experience and interface elements. This incl
Design System
Use this agent for creating new UI components, modifying existing components, working with Storybook stories,
Frontend Specialist FastAPI
Use this agent when working on frontend development tasks for web applications that integrate with Python/Fast
Sub Agent Designer
PROACTIVELY used when designing UI/UX, implementing Tailwind CSS styling, or building frontend components. MUS
Frontend Vue Expert
Use this agent when you need to work on Vue 3 frontend code, TypeScript components, Tailwind CSS styling, or a
Vilt Pro
Use PROACTIVELY this agent when working on Laravel projects that utilize the VILT stack (Vue.js, Inertia.js, L
Related Skills
Svelte Docs
Use when answering questions about Svelte components, runes, template syntax, reactivity, lifecycle, stores, s
Tailwindcss V4
Get up-to-date Tailwind CSS v4 documentation and help with frontend styling, utilities, and design changes. Us
Tomevault Design
AUTO-INVOKE on any task that touches frontend, UI, design, components, layout, page, styling, brand, logo, col