Menu
Route frontend tasks to the right library skill. Detects React/Vue/CSS intent and returns specific skill file paths.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
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.
Based on SOC occupation classification
| 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.