Astro Developer Skill

Overview

Enables comprehensive Astro web development including component creation, project setup, configuration optimization, islands architecture implementation, content collections management, and deployment strategies. This skill emphasizes Tailwind CSS-first development for consistent, maintainable styling.

Quick Start

Identify the task type and follow the corresponding workflow:

1. New Project Setup → Use "Project Initialization" workflow
2. Component Development → Use "Component Creation" guidelines with Tailwind CSS
3. Testing Setup → See Testing Guide for Vitest/Playwright
4. Performance Optimization → Use "Islands Architecture" patterns, see Performance Guide
5. State Management → See State Management Guide for React islands
6. Troubleshooting Issues → See Common Pitfalls Guide
7. Content Management → Use "Content Collections" workflow
8. Configuration & Deployment → Use "Configuration" and "Deployment" sections