page-styling
OfficialUnify page layouts and hero styling site-wide.
Authoragentconfig
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Standardizes page layout and hero styling across agentconfig.org to ensure consistent visuals for new pages and route entries, including left-aligned hero and colored pills used on /agents.
Core Features & Use Cases
- Enforces PageLayout for top-level pages, with route entries at site/src/pages/{slug}.tsx and page components at site/src/components/{PageName}Page/.
- Guides hero layout and typography to match Agents style, including left-aligned headings, muted copy, and label pills.
- Supports alignment and spacing decisions across sections to mirror the homepage design for a cohesive site experience.
- Use Case: creating a new page, updating a hero, or aligning section widths to the homepage.
Quick Start
Create a new page with PageLayout and an Agents-style hero that matches the site’s typography and spacing.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: page-styling Download link: https://github.com/agentconfig/agentconfig.org/archive/main.zip#page-styling Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.