lab

name

lab

description

Build a throwaway, self-contained HTML "lab" to prototype and live-tune a visual or feel element BEFORE writing it into real code — game juice (particles, hit-flash, screen shake, weapon/enemy feel, color, timing) or web/UI work (a component, layout, spacing scale, type, color, motion, a page redesign). Use when the user says $lab, "lab it", "let's lab this", "make a lab for", "prototype this first", "let me tune it", or wants to eyeball/dial-in an element with live sliders before committing it to the codebase. The lab puts real knobs in front of the user so THEY tune the feel; you then port the exact values into real code and DELETE the lab.

Codex Adapter

Read ../../../.claude/skills/lab/SKILL.md completely and follow it as the canonical workflow for this skill.

• Resolve every relative script, reference, asset, and template path from the canonical skill directory under .claude/skills/lab/.
• Read ../../../.agents/CODEX-SKILL-COMPATIBILITY.md and apply the status and exceptions for this skill.
• Translate Claude Code tool names to the available Codex equivalent as described by the repository AGENTS.md.
• Before any Claude Task, Agent, or Workflow step, confirm that the current Codex session exposes the required multi-agent tools. Do not replace independent review with self-review.
• Skill invocation alone does not authorize commit, push, PR, merge, deploy, migration, dependency installation, or another outward action unless that action is the user's explicit request.
• Follow Codex system, developer, sandbox, approval, and tool instructions when they differ from the canonical workflow.
• Keep the canonical Claude skill unchanged unless the user explicitly asks to edit the workflow itself.