Create Astro Component

Use this skill when scaffolding a new Astro component, page, layout, or route from a feature request, design, or static markup.

If astro-best-practices is available, apply it alongside this skill for project-wide conventions and review criteria.

Workflow

1. Pick the right file type

Choose the simplest primitive that fits the requirement:

• component: reusable UI in src/components/
• page: route entry in src/pages/
• layout: shared shell in src/layouts/
• framework island: React, Vue, or similar only when interactivity is required

Start with .astro unless there is a real need for client-side framework state.