Page Styling

Overview

Use this skill to keep page-level layout and hero styling consistent with agentconfig.org, especially the left-aligned hero and colored label pills used on /agents.

When to Use

• Creating a new top-level page and its route entry
• Updating a page hero, intro copy, or label badges
• Aligning section widths and spacing with the homepage

Detailed Instructions

Page Structure

• Use PageLayout for top-level pages.
• Route entry: site/src/pages/{slug}.tsx should render {PageName}Page.
• Page component lives in site/src/components/{PageName}Page/.