amvcp-layout-chrome

What problem does it solve?

This Skill turns long, content-heavy pages into navigable reading experiences by providing reusable chrome for sticky headers, section-numbered headings, and scroll-spy tables of contents.

Core Features & Use Cases

• Persistent page chrome: sticky header (opaque or optional glass), sticky in-page toolbar, and scroll-spy TOC highlighting.
• Section readability structure: section-numbered headers (badge + meta chip) designed to integrate cleanly with the selection/comment model.
• Authoring-safe implementation: enforces layout invariants like using tokens for spacing/colors, logical properties for RTL, and position: sticky (never fixed) so pages print and zoom cleanly.
• Use cases: documentation pages, long reports, project review pages, and any UI where the user needs stable navigation and an “on this page” outline while scrolling.

Quick Start

Create a documentation-style page with a sticky header and an auto-built sticky-sidebar TOC by responding to the prompt sticky header, TOC, and scroll-spy.