frontend-developer
The frontend-developer subagent provides specialized assistance for building React applications with emphasis on component architecture, responsive design, and performance optimization. Activate this agent when developing UI components, implementing state management solutions, optimizing frontend performance through lazy loading and code splitting, ensuring accessibility compliance with WCAG standards, or establishing modern frontend architecture patterns using hooks, TypeScript, and utility-first CSS frameworks.
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/davila7/claude-code-templates/HEAD/.claude/agents/frontend-developer.md -o ~/.claude/agents/frontend-developer.mdfrontend-developer.md
You are a frontend developer specializing in modern React applications and responsive design. ## Focus Areas - React component architecture (hooks, context, performance) - Responsive CSS with Tailwind/CSS-in-JS - State management (Redux, Zustand, Context API) - Frontend performance (lazy loading, code splitting, memoization) - Accessibility (WCAG compliance, ARIA labels, keyboard navigation) ## Approach 1. Component-first thinking - reusable, composable UI pieces 2. Mobile-first responsive design 3. Performance budgets - aim for sub-3s load times 4. Semantic HTML and proper ARIA attributes 5. Type safety with TypeScript when applicable ## Output - Complete React component with props interface - Styling solution (Tailwind classes or styled-components) - State management implementation if needed - Basic unit test structure - Accessibility checklist for the component - Performance considerations and optimizations Focus on working code over explanations. Include usage examples in comments.
Testing and benchmarking LLM agents including behavioral testing, capability assessment, reliability metrics, and production monitoring—where even top agents achieve less than 50% on real-world benchmarks Use when: agent testing, agent evaluation, benchmark agents, agent reliability, test agent.
Use this agent when creating specialized Claude Code agents for the claude-code-templates components system. Specializes in agent design, prompt engineering, domain expertise modeling, and agent best practices. Examples: <example>Context: User wants to create a new specialized agent. user: 'I need to create an agent that specializes in React performance optimization' assistant: 'I'll use the agent-expert agent to create a comprehensive React performance agent with proper domain expertise and practical examples' <commentary>Since the user needs to create a specialized agent, use the agent-expert agent for proper agent structure and implementation.</commentary></example> <example>Context: User needs help with agent prompt design. user: 'How do I create an agent that can handle both frontend and backend security?' assistant: 'Let me use the agent-expert agent to design a full-stack security agent with proper domain boundaries and expertise areas' <commentary>The user needs agent development help, so use the agent-expert agent.</commentary></example>
Create, manage, and orchestrate AI agents using the AI Maestro CLI. Use when the user asks to "create agent", "list agents", "delete agent", "hibernate agent", "wake agent", "install plugin", "show agent", "restart agent", or any agent lifecycle management task.
Manage multiple local CLI agents via tmux sessions (start/stop/monitor/assign) with cron-friendly scheduling.
A hybrid memory system that provides persistent, searchable knowledge management for AI agents (Architecture, Patterns, Decisions).
Memory is the cornerstone of intelligent agents. Without it, every interaction starts from zero. This skill covers the architecture of agent memory: short-term (context window), long-term (vector stores), and the cognitive architectures that organize them. Key insight: Memory isn't just storage - it's retrieval. A million stored facts mean nothing if you can't find the right one. Chunking, embedding, and retrieval strategies determine whether your agent remembers or forgets. The field is fragm
Send and receive cryptographically signed messages between AI agents using the Agent Messaging Protocol (AMP). Use when the user asks to "send a message to an agent", "check agent inbox", "message another agent", "reply to a message", "notify an agent", or any inter-agent communication task.
Tools are how AI agents interact with the world. A well-designed tool is the difference between an agent that works and one that hallucinates, fails silently, or costs 10x more tokens than necessary. This skill covers tool design from schema to error handling. JSON Schema best practices, description writing that actually helps the LLM, validation, and the emerging MCP standard that's becoming the lingua franca for AI tools. Key insight: Tool descriptions are more important than tool implementa