القائمة
Route frontend tasks to the right library skill. Detects React/Vue/CSS intent and returns specific skill file paths.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف 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.