# Gateway Frontend

> Route frontend tasks to the right library skill. Detects React/Vue/CSS intent and returns specific skill file paths.

- Skill: `mayarid/gateway-frontend` (Agent Skill)
- Install (CLI): `npx skillmds@latest add mayarid/gateway-frontend`
- Raw SKILL.md: https://api.skillmd.com/api/skills/mayarid/gateway-frontend/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: mayarid (https://skillmd.com/u/mayarid)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/mayarid/gateway-frontend

---


## Purpose

You are the Frontend Gateway. Detect intent from the current task and return the exact library skill paths to load. Do NOT execute — only route.

## Intent Detection → Skill Routing

| Intent Keywords | Load Skill |
|---|---|
| `infinite loop`, `useEffect`, `hook loop`, `re-render loop` | `skills/library/frontend/debugging-react-hooks/SKILL.md` |
| `performance`, `render`, `memo`, `useMemo`, `useCallback`, `slow` | `skills/library/frontend/optimizing-react-performance/SKILL.md` |
| `state`, `zustand`, `redux`, `context api`, `global state` | `skills/library/frontend/state-management/SKILL.md` |
| `form`, `validation`, `zod`, `react-hook-form`, `yup` | `skills/library/frontend/form-handling/SKILL.md` |
| `routing`, `navigation`, `react-router`, `next/navigation` | `skills/library/frontend/client-side-routing/SKILL.md` |
| `animation`, `framer`, `transition`, `motion` | `skills/library/frontend/animations/SKILL.md` |
| `accessibility`, `a11y`, `aria`, `screen reader` | `skills/library/frontend/accessibility/SKILL.md` |
| `css`, `tailwind`, `styled-components`, `emotion` | `skills/library/frontend/styling-patterns/SKILL.md` |
| `ssr`, `ssg`, `next.js`, `hydration`, `server component` | `skills/library/frontend/ssr-patterns/SKILL.md` |
| `component`, `jsx`, `tsx`, `react` (general) | `skills/library/frontend/react-component-patterns/SKILL.md` |

## Output Format

```
GATEWAY_FRONTEND:
Domain: frontend
Skills to load:
  - [absolute/path/to/SKILL.md]

Instructions: Read the above skill files before proceeding with your task.
```