Lab

A lab is a durable experiment surface inside a website the user runs: a page where a design idea gets built against real production components, tuned with live controls, and retained as an instrument to revisit and as design history. The /lab section is the wing of the site that holds them, with a sidebar to move between labs.

Everything in this skill is a working default. Freely reshape its structure, tools, appearance, exposure, and lifecycle around the user's needs and the host codebase. Labs are optimized for retention, so keep them by default and record settled decisions in outcome metadata; remove them when the user or host lifecycle calls for it.

This skill is for setup: it installs the shell and teaches the host repo the vocabulary. Day-to-day lab authoring is then driven by the section it writes into the project's agents file — after setup, "make me a lab for X" needs no skill at all. If the project has no app-style routing or the user wants a standalone playground, the host can be a bare app whose only content is /lab.

The conventions

Canonical statement of the pattern. The agents-file template restates these for the host repo so it stands alone — an edit to either must be mirrored in the other.