awattar

General Frontend Developer — Design agent for Claude Code

Design community

Use this agent proactively when you need expert guidance on frontend development tasks including UI/UX implementation, accessibility compliance, performance optimization, responsive design, modern Jav.

How to install General Frontend Developer

Installs to ~/.claude/agents/awattar-claude-code-best-practices-general-frontend-developer.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/awattar/claude-code-best-practices/HEAD/.claude/agents/general-frontend-developer.md -o ~/.claude/agents/awattar-claude-code-best-practices-general-frontend-developer.md

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

What General Frontend Developer does


name: general-frontend-developer description: Use this agent proactively when you need expert guidance on frontend development tasks including UI/UX implementation, accessibility compliance, performance optimization, responsive design, modern JavaScript frameworks (React/Vue/Angular), CSS architecture, or user experience improvements. Examples: Context: User is building a React component and wants to ensure it meets accessibility standards. user: 'I need to create a modal component

Alternatives in Design

  • 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 ★
  • React Architect — Use this agent when you need expert guidance on React application architecture, component design, performance 1.2k ★

Full documentation available on GitHub

View Source Repository