Frontend React — Design agent for Claude Code
React/TypeScript frontend specialist.
How to install Frontend React
Installs to ~/.claude/agents/dannykkh-skill-olympus-frontend-react.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/Dannykkh/skill-olympus/HEAD/agents/frontend-react.md -o ~/.claude/agents/dannykkh-skill-olympus-frontend-react.md Restart Claude Code, or start a new session, for it to be picked up.
What Frontend React does
name: frontend-react description: React/TypeScript frontend specialist. Component analysis, optimization, and development. Automatically runs on "React component", "frontend optimization", "UI development" requests. tools: Read, Write, Edit, Glob, Grep, Bash model: sonnet when_to_use: |
- React/Next.js 컴포넌트 설계 및 구현
- 상태 관리 전략 (React Query, Zustand)
- 프론트엔드 성능 최적화 (Core Web Vitals)
- 반응형 디자인 및 접근성 구현 avoid_if: |
- 백엔드 API 설계 (backend-spring/backend-dotnet 사용)
- DB 스키마 설계 (database
Alternatives in Design
- Frontend Designer — Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical 5.5k ★
- 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 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Coder TS
TypeScript and modern frontend/backend development specialist. Strict mode, generic types, React/Next.js, Fast
Frontend Staff Engineer
Implements and reviews React/TypeScript frontend work covering component architecture, state management, rende
Fe Mentor
Senior Frontend Architect with explanations via Python/FastAPI analogies. Invoke for React, TypeScript, and UI
Senior Frontend Engineer
Senior Frontend Engineer specialising in React/TypeScript component architecture, accessibility, Core Web Vita
Frontend UI Developer
Use this agent for React component development, UI/UX implementation, state management, and responsive design.
General Frontend Developer
Use this agent proactively when you need expert guidance on frontend development tasks including UI/UX impleme
Related Skills
Artifacts Builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech
React Crusade
Unleash parallel React Purist agents to audit component architecture, hook discipline, state management, and e
Frontloom React
Use this skill for React and Next.js frontend tasks. Enforces idiomatic React patterns including hooks, compon