Agent skill · software engineering · aiskillstore
frontend-orchestrator
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.
Why this skill is useful
Adds a structured approach to managing frontend tasks with specific standards and context management that the AI wouldn't reliably generate on its own.
What it needs
About 2k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
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 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 Task Processing Flow 1. Receive from Main Orchestrator 2. Prepare Context Load current component state Check design system components Review past similar implementations 3. Assign to Skill 4. Monitor Execution Watch operations.log Run visual tests via Playwright Check accessibility 5. Validate Results Frontend-Specific Standards Component Checklist [ ] TypeScript types defined [ ] Props documented [ ] Error boundaries implemented [ ] Loading states handled [ ] Memoization where needed [ ] Unit tests written [ ] Visual tests passed State Management Rules Single source of truth Immutable updates only Actions are serializable Computed values in selectors No business logic in components Integration Points With Backend Orchestrator API contract negotiation Error format agreement Loading state coordination With Human-Docs Updates frontend-developer.md with: New components added Routes modified State shape changes Common patterns to follow Event Communication Listening For Broadcasting Test Requirements Every Frontend Task Must 1. Unit Tests - Component logic 2. Integration Tests - Component interactions 3. Visual Tests - Playwright screenshots 4. Accessibility Tests - WCAG AA compliance 5. Responsive Tests - Mobile/tablet/desktop 6. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/frontend-orchestrator