Skills for setting up and customizing Astro Starlight documentation sites, covering project setup, custom theming, and component overrides.
100
100%
Does it follow best practices?
Impact
Pending
No eval scenarios have been run
Passed
No known issues
Prompt: "I want to create a new Astro Starlight documentation site. Show me the setup steps."
Expected outputs:
npm create astro@latest -- --template starlight (or pnpm/yarn equivalent)npm run dev to start dev server@astrojs/starlight separately (template handles it)Success criteria:
Prompt: "I have an existing Astro project and want to add Starlight to it."
Expected outputs:
npx astro add starlightastro.config.mjs automaticallynpm install @astrojs/starlight + manual config editingSuccess criteria:
astro add integration commandPrompt: "How do I configure the sidebar with explicit links and an auto-generated section?"
Expected outputs:
sidebar array in starlight({}) configitems (explicit) and autogenerate approachesslug values without leading slashes or .md extensionsitems and autogenerate on the same groupSuccess criteria:
'guides/getting-started' not '/guides/getting-started.md')autogenerate: { directory: '...' } syntax correctitems/autogenerate in same groupPrompt: "How do I enable the sitemap for my Starlight site?"
Expected outputs:
site: 'https://...' on defineConfig({}), NOT inside starlight({})site is setSuccess criteria:
site is at defineConfig levelPrompt: "How do I mark a documentation page as a draft so it doesn't appear in production?"
Expected outputs:
draft: true to page frontmatterSuccess criteria:
Prompt: "My sidebar link isn't working. I set slug: '/guides/setup.md'. What's wrong?"
Expected outputs:
.md extension as the problem'guides/setup'src/content/docs/ without slash or extensionSuccess criteria: