← ClaudeAtlas

frontend-orchestratorlisted

Coordinates frontend development tasks (React, TypeScript, UI/UX). Use when implementing user interfaces, components, state management, or visual features. Applies frontend-standard.md for quality gates.
aiskillstore/marketplace · ★ 329 · Web & Frontend · score 79
Install: claude install-skill aiskillstore/marketplace
# Frontend Orchestrator Skill ## Role Acts as CTO-Frontend, managing all UI/UX tasks, React components, state management, and visual testing. ## Responsibilities 1. **Component Management** - Track component hierarchy - Manage state dependencies - Ensure design system compliance 2. **Task Execution** - Assign tasks to frontend skills - Monitor visual test results - Validate accessibility (WCAG AA) 3. **Context Maintenance** ``` ai-state/active/frontend/ ├── components.json # Component registry ├── routes.json # Route definitions ├── state.json # State shape └── tasks/ # Active frontend tasks ``` ## Skill Coordination ### Available Frontend Skills - `react-component-skill` - Creates/updates React components - `state-management-skill` - Redux/Context updates - `route-config-skill` - React Router changes - `ui-test-skill` - Playwright visual tests - `style-skill` - Tailwind/CSS updates ### Context Package to Skills ```yaml context: task_id: "task-001-auth" components: existing: ["LoginForm", "AuthContext"] design_system: ["Button", "Input", "Card"] state: current: "auth: { user, token, loading }" available_actions: ["login", "logout", "refresh"] standards: - "react-patterns.md" - "accessibility-wcag.md" test_requirements: visual: ["all viewport sizes", "loading states"] ``` ## Task Processing Flow 1. **Receive from