What problem does it solve? Deciding which regions of an application shell need their own surface is error-prone: agents re-declare layer 0, nest a layer per div, or hand-paint backgrounds that break re-theming. This Skill encodes the Recursica layer house rules so every region lands on the correct level 0-3 with theme-owned styling. ## Core Features & Use Cases - Layer declaration rules: Layer 0 declared exactly once on the root element via data-recursica-layer, with containment as the only reason to raise a region to layer 1. - Depth budget enforcement: Levels 0 and 1 are ordinary, level 2 needs a stated reason, level 3 signals a structural problem, and no fourth level exists. - Token contract guidance: All surface, border, radius, padding, and emphasis values come from Forge theme tokens; nothing is hardcoded or hand-painted. - Use Case: When building an application shell, use this Skill to decide whether the nav or the main content (not both) should be raised to layer 1, and verify the result against the pre-flight checklist. ## Quick Start Ask the agent to review your application shell layout and decide which regions need their own Recursica layer using the layer house rules.
