Menu
Map UI elements and code relationships (affordances).
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.
Based on SOC occupation classification
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 | breadboarding-workflow |
| description | Map UI elements and code relationships (affordances). |
| phase | 5 (Complexity) |
| role | Lead |
Role Constraints: Lead (Write/Bash access allowed).
File Access: Do NOT use literal placeholders for file paths. Use the glob tool to search for the active feature directory under .jonggrang/.output/features/.
Transform a workflow description or shaped pitch into affordance tables showing UI and Code affordances with their wiring.
Use the glob tool to find the active feature directory inside .jonggrang/.output/features/. Use the read tool to read the pitch.md or requirements document located there.
Break down the shaped solution into three components:
Create a text-based breadboard representation. Use a simple format mapping Places to their Affordances and Connections. Example: Place: Invoice View
Use the write tool to save the breadboarding artifact as breadboard.md inside the active feature directory.
When the breadboarding is saved and the workflow is mapped, output exactly:
BREADBOARDING_COMPLETE
