# Use Cases Index Page

## Essence

Page Template content for all agentic use-cases.

`Use Cases Index Page` gathers all built systems, workflows, and artifacts in one place.

## Hook

Use when a visitor clicks the Use-cases navigation item.

## Internal Rules

- Splits use-cases into month/year groups from each item `publishedAt`.
- Sorts groups and items newest-first.
- Renders each month/year group through `Related Use Cases`.
- Passes `showAction=false` into `Related Use Cases`; the all-use-cases page must not show an all-use-cases button inside itself.
- Passes `limit` equal to the group size so the index does not hide use-cases.
- Lives under `Page Template` Content in the Design System menu.
- Stays content-only; `Page Template` owns Header and outer shell.
- Does not own page padding; each month/year group delegates spacing to `Related Use Cases`.
- Does not render article cards.
- Does not locally recreate related-use-case card grids.

## Use When

- Rendering `/use-cases/`.

## Do Not Use When

- Rendering the homepage use-case section.
- Rendering a single use-case page.

## Code Paths

- `packages/design-system/src/components/UseCasesIndexPage.astro`
