---
stable_id: skills/skills-sh-delineas-astro-framework-agents-astro-framework
type: skills
title: skills-sh-delineas-astro-framework-agents-astro-framework
summary: |-
  # Astro Components
  ## Component Structure
  Astro components use a `.astro` extension and consist of two main parts:
  ```astro
  ---
  // Component Script (Frontmatter)
  // Runs on the server at build time (or request time for SSR)
  import SomeComponent from './SomeComponent.astro';
  import { getCollection } from 'astro:content';
  interface Props {
tags:
  - skills-sh
  - skills-sh-all-time
source_url: https://raw.githubusercontent.com/delineas/astro-framework-agents/HEAD/skills/astro-framework/references/components.md
license: ""
upstream_ref: https://skills.sh/delineas/astro-framework-agents/astro-framework
github_stars: null
github_forks: null
github_is_organization: null
retrieved_at: 2026-06-11T08:32:53.935Z
content_sha256: caab3735ec58990967f419a370f52a92dae52de84b660ecd92b807fe6003c828
---
