astro

Create content-focused websites with Astro, MDX/Markdown, and islands architecture.

Updated Mar 21, 2026
One-click install
npx skills add https://github.com/d0whc3r/hackaton-cubepath --skill astro-d0whc3r
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: astro
Source: https://github.com/d0whc3r/hackaton-cubepath/tree/main/.agents/skills/astro
Command: npx skills add https://github.com/d0whc3r/hackaton-cubepath --skill astro-d0whc3r

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.

Core Features & Use Cases

  • Islands architecture and zero JS shipping by default for performance.
  • Supports React, Vue, Svelte, Solid in the same project with MDX/Markdown content.
  • Ideal for blogs, docs, marketing sites, portfolios, and e-commerce with high-performance needs.

Quick Start

Create a new Astro project and start building a content-rich site with zero-JS by default.

Frequently Asked Questions about astro

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a static site with zero JavaScript shipped by default?

Astro builds static sites with zero JS shipped by default by rendering pages to pure HTML, utilizing islands architecture to selectively hydrate only the specific interactive components required.

Can I use React, Vue, and Svelte components in the same web framework project?

Astro is a multi-framework web framework allowing you to import and render React, Vue, Svelte, and Solid components within the same project, enabling framework-agnostic component integration alongside your Markdown or MDX content.

What is islands architecture and how does it optimize static site performance?

Islands architecture isolates interactive page sections into independent components, allowing Astro to ship zero JS by default for static content while selectively hydrating only those specific islands to optimize performance.

How do I create a blog or marketing site using Markdown and MDX?

Astro supports Markdown and MDX natively, enabling rapid creation of content-focused blogs, marketing sites, and docs where you write content files and optionally embed interactive framework components directly inside MDX.

When should I use a multi-framework static site generator for my e-commerce site?

Use a multi-framework static site generator like Astro for e-commerce when you need blazing-fast rendering, zero JS by default for content pages, and the flexibility to integrate diverse framework components for interactive product elements.