← ClaudeAtlas

new-pagelisted

Add a new page to the website with the standard layout shell and correct navigation wiring. Use when asked to add or create a new page on the site.
robritacca-dotcom/design-system · ★ 0 · Web & Frontend · score 66
Install: claude install-skill robritacca-dotcom/design-system
# new-page Add a new page to the website with the standard layout shell and correct navigation wiring. ## When invoked Use this skill when asked to add or create a new page on the website — phrases like "add a page for [X]", "create a [section] page", "add [X] to the site". For a **component documentation page**, use the `component-doc-page` skill instead — it covers the variant showcase and component-specific registrations. ## Instructions 1. **Gather requirements** if not already provided: - Page URL path (e.g. `/foundations/motion`) - Which section it belongs to — the sidebar arrays in `website/src/config/navigation.ts` are the authoritative list of sections (foundations, the docs cluster, work, templates; writing is fed dynamically from Substack; standalone pages like `/playground` and `/contact` live in no sidebar array and declare their metadata as a literal). **Components are the exception**: `componentsSidebarLinks` is derived from `src/components/registry.json`, so a component page is registered by adding a registry entry, not by editing the array — use the `component-doc-page` skill for those. Component categories have no pages of their own; a registry category entry becomes an index section and a sidebar accordion automatically. **`/blueprints/<slug>` pages are another exception**: each reads its body from a synced spec copy in `website/public/`, so a new one starts by registering the root spec (see step 4). - Page title, a short `subDisplay` tagline