Menú
Route frontend tasks to the right library skill. Detects React/Vue/CSS intent and returns specific skill file paths.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
Deterministic AI development workflow orchestrator. Manages task boards (.jonggrang/jonggrang-tasks.json), runs 16-phase pipelines (BUGFIX/SMALL/MEDIUM/LARGE), installs lifecycle hooks for Claude Code and OpenCode, and coordinates five specialist roles (Lead/Developer/Reviewer/TestLead/Tester). Use when planning features, executing multi-step development workflows, or orchestrating AI coding agents. Run via npx jonggrang.
16-phase feature orchestration workflow. Runs in the main thread as Kernel Mode. Coordinates the Lead→Developer→Reviewer→TestLead→Tester assembly line.
Protocol for agents to write structured outputs that survive session resets and are findable by the orchestrator.
GitHub workflow automation with the gh CLI — pull requests, issues, releases, the REST/GraphQL API, and safe message escaping. Auth via GH_TOKEN (set in global settings, attached to the sandbox env).
GitLab workflow automation with the glab CLI — merge requests, issues, CI, releases, and safe message escaping. Auth via GITLAB_TOKEN (set in global settings, attached to the sandbox env).
Prevents premature exit and infinite loops. Three mechanisms: Completion Promises, Scratchpads, Loop Detection.
| name | gateway-frontend |
| description | Route frontend tasks to the right library skill. Detects React/Vue/CSS intent and returns specific skill file paths. |
| type | gateway |
| tier | core |
| domains | ["frontend","ui","components"] |
| trigger | React, Vue, Angular, component, JSX, TSX, CSS, Tailwind, frontend, UI, browser, DOM, Next.js |
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 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 |
GATEWAY_FRONTEND:
Domain: frontend
Skills to load:
- [absolute/path/to/SKILL.md]
Instructions: Read the above skill files before proceeding with your task.