Menu
Build an accessible Repo Dungeon React overlay, panel, or screen that consumes shared game state without moving feature logic out of its specialist owner.
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Baseado na classificação ocupacional SOC
| name | create-react-overlay |
| description | Build an accessible Repo Dungeon React overlay, panel, or screen that consumes shared game state without moving feature logic out of its specialist owner. |
Use this skill when adding or refactoring Login, HUD, Room Info, Map, Inventory, or other React-rendered UI surfaces in Repo Dungeon.
Read the relevant PRD screen, accessibility, and functional requirement sections. Confirm whether the UI is an entry screen, persistent HUD, modal panel, or full-screen overlay.
List the store slices, hooks, and scene events the overlay consumes. Keep logic ownership with the correct specialist agent and only bind to typed inputs.
Create the component under src/ui/components/ with semantic HTML, explicit labels, and keyboard/focus management.
type OverlayProps = {
open: boolean;
onClose: () => void;
};
export function ExampleOverlay({ open, onClose }: OverlayProps) {
if (!open) return null;
return (
<section aria-label="Example overlay">
<button type="button" onClick={onClose}>Close</button>
</section>
);
}
Verify focus order, visible labels, contrast, and any reduced-motion handling required by the PRD.
Run component tests and any related accessibility checks. Confirm the overlay works with keyboard-only interaction and screen readers where required.
See docs/PRD.md for the full specification:
Add a complete Repo Dungeon biome content pack, including tileset references, prop/NPC dressing, palette cues, and ambient audio hooks for a language or topic zone.
Add Repo Dungeon unit, component, or integration coverage for a gameplay, UI, or platform subsystem using Vitest, React Testing Library, and MSW as appropriate.
Scaffold a Repo Dungeon Phaser scene with lifecycle hooks, typed event wiring, and integration points for generation, UI overlays, and progression events.
Add or extend a Repo Dungeon GitHub data flow, including Octokit access, typed models, caching, backoff, and mocked verification coverage.
Discover which LLM models are available to the user (cloud subscription + local Ollama), classify each generated agent's workload, and recommend (and optionally apply) a per-agent model assignment so that lightweight agents do not default to the most expensive model. Use this skill after `forge-build-agent-team` has produced an agent team, or any time the team changes.
Meta-skill that bootstraps a new project end-to-end from a one-liner idea by chaining the deterministic Forge skills: forge-build-prd → (pause for review) → forge-build-agent-team → (pause for review) → optionally forge-assign-models. Use this skill when a user wants to go from idea to a reviewable PRD and a generated agent team in a single guided flow, without losing the human review gates between steps.