astro

Build static websites with MDX/Markdown content and islands hydration.

25|6|Updated Apr 20, 2026
One-click install
npx skills add https://github.com/KRISHNA0R/PORTFOLIOv2 --skill astro-krishna0r
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: astro
Source: https://github.com/KRISHNA0R/PORTFOLIOv2/tree/main/.agents/skills/astro
Command: npx skills add https://github.com/KRISHNA0R/PORTFOLIOv2 --skill astro-krishna0r

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Astro streamlines the creation of fast, content-focused websites by shipping zero JavaScript by default and enabling islands hydration, so content teams can publish rich content without sacrificing performance.

Core Features & Use Cases

  • Islands architecture enables selective hydration of interactive components while keeping most of the page static.
  • Multi-framework support allows React, Vue, Svelte, and more to live in a single project.
  • Content-first workflows with Markdown/MDX content and static-site generation for blazing performance and SEO.

Quick Start

Install Astro, scaffold a project, and start the dev server to view your content-driven site.

Frequently Asked Questions about astro

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

FAQPage Schema
What is islands architecture and how does it help static site generation?

Islands architecture enables selective hydration of interactive components while keeping most of the page static. This allows static site generation to ship zero JavaScript by default, hydrating only the specific components that need interactivity.

How do I build a content-focused website with Markdown and MDX?

You can build a content-focused website with Markdown and MDX by using a framework that supports content-first workflows and static site generation. This approach processes MDX and Markdown through content pipelines to deliver fast, SEO-optimized pages.

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

Multi-framework support allows React, Vue, Svelte, and more to live in a single project. You can integrate these components into your static site generation pipeline and selectively hydrate them using islands architecture.

Does Astro support server-side rendering or only static site generation?

Astro supports both static site generation and optional server-side rendering (SSR). Static site generation is used for blazing performance and SEO with Markdown content, while optional SSR provides dynamic rendering when needed.

Why does my content site ship too much JavaScript and how do I reduce it?

Content sites ship too much JavaScript when the framework hydrates the entire page. Using islands architecture ships zero JavaScript by default, selectively hydrating only interactive components to maintain performance without sacrificing rich content.

What are the limitations of using zero JavaScript by default for web development?

Zero JavaScript by default means pages are static unless explicitly hydrated. Interactive features require selectively hydrating components via islands architecture, and dynamic content may require configuring optional server-side rendering instead of pure static site generation.