How do I install the Astro Setup skill?

Run npx skillmds@latest add vanman2024/astro-setup in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Astro Setup safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Astro Setup?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Astro Setup free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Astro Setup?

vanman2024 (@vanman2024) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Astro Setup by vanman2024 — Agent Skill

Name: Astro Setup
Author: vanman2024

File contents

Astro Setup Skill

Overview

Provides installation, prerequisite checking, and project initialization for Astro websites with AI Tech Stack 1 integration.

Purpose

Automate the setup of Astro projects with proper Node.js version checking, dependency installation, integration configuration (React, MDX, Tailwind, Supabase), and MCP server setup.

When to Use

Initializing a new Astro website project
Setting up prerequisites (Node.js 18.14.1+)
Installing Astro CLI and project dependencies
Configuring integrations for AI Tech Stack 1
Setting up environment variables and MCP servers

Components

Scripts

check-prerequisites.sh - Verify Node.js version, package manager
install-astro.sh - Install Astro CLI globally if needed
init-project.sh - Initialize Astro project with proper configuration
setup-integrations.sh - Install and configure Astro integrations
setup-env.sh - Create .env file with API key placeholders

Templates

astro.config.mjs - Complete Astro configuration with all integrations
tsconfig.json - TypeScript configuration for Astro
tailwind.config.js - Tailwind CSS configuration
.env.example - Environment variable template
package.json.template - Package.json with all dependencies

Examples

minimal-astro.config.mjs - Minimal Astro configuration
full-stack-astro.config.mjs - Full AI Tech Stack 1 configuration
blog-astro.config.mjs - Blog-optimized configuration

Integration with Website-Builder

This skill is invoked by:

/website-builder:init command
website-setup agent
Any workflow requiring Astro project initialization

Prerequisites

Node.js 18.14.1 or higher
npm, pnpm, yarn, or bun package manager
Internet connection for package installation

Documentation References

Uses Astro's LLM-optimized documentation:

https://docs.astro.build/llms-full.txt - Complete Astro documentation
https://docs.astro.build/_llms-txt/api-reference.txt - API reference
https://docs.astro.build/en/install-and-setup/ - Installation guide

Output

Initialized Astro project with TypeScript
Installed integrations: @astrojs/react, @astrojs/mdx, @astrojs/tailwind, @astrojs/sitemap
Configured astro.config.mjs
Created .env.example with required variables
Ready-to-use project structure

---name: astro-setupdescription: Provides installation, prerequisite checking, and project initialization for Astro websites with AI Tech Stack 1 integration---# Astro Setup Skill## OverviewProvides installation, prerequisite checking, and project initialization for Astro websites with AI Tech Stack 1 integration.## PurposeAutomate the setup of Astro projects with proper Node.js version checking, dependency installation, integration configuration (React, MDX, Tailwind, Supabase), and MCP server setup.## When to Use- Initializing a new Astro website project- Setting up prerequisites (Node.js 18.14.1+)- Installing Astro CLI and project dependencies- Configuring integrations for AI Tech Stack 1- Setting up environment variables and MCP servers## Components### Scripts1. **check-prerequisites.sh** - Verify Node.js version, package manager2. **install-astro.sh** - Install Astro CLI globally if needed3. **init-project.sh** - Initialize Astro project with proper configuration4. **setup-integrations.sh** - Install and configure Astro integrations5. **setup-env.sh** - Create .env file with API key placeholders### Templates1. **astro.config.mjs** - Complete Astro configuration with all integrations2. **tsconfig.json** - TypeScript configuration for Astro3. **tailwind.config.js** - Tailwind CSS configuration4. **.env.example** - Environment variable template5. **package.json.template** - Package.json with all dependencies### Examples1. **minimal-astro.config.mjs** - Minimal Astro configuration2. **full-stack-astro.config.mjs** - Full AI Tech Stack 1 configuration3. **blog-astro.config.mjs** - Blog-optimized configuration## Integration with Website-BuilderThis skill is invoked by:- `/website-builder:init` command- `website-setup` agent- Any workflow requiring Astro project initialization## Prerequisites- Node.js 18.14.1 or higher- npm, pnpm, yarn, or bun package manager- Internet connection for package installation## Documentation ReferencesUses Astro's LLM-optimized documentation:- https://docs.astro.build/llms-full.txt - Complete Astro documentation- https://docs.astro.build/_llms-txt/api-reference.txt - API reference- https://docs.astro.build/en/install-and-setup/ - Installation guide## Output- Initialized Astro project with TypeScript- Installed integrations: @astrojs/react, @astrojs/mdx, @astrojs/tailwind, @astrojs/sitemap- Configured astro.config.mjs- Created .env.example with required variables- Ready-to-use project structure

Frequently asked questions

Astro Setup