ASTRODECK – Your Astro project, ready to take off. A production-ready starter kit with AI agents.
More than a template – AstroDeck is a complete framework for building Astro.js websites with AI assistance. It comes with 16 sections, 11 components, 11 page templates, and 5 AI agents that help you create custom designs from scratch.
About AstroDeck
AstroDeck is not just another website template – it's a production-ready starter kit and component library designed for building Astro.js websites with AI assistance. While traditional templates offer a fixed design, AstroDeck provides the building blocks and AI agents to create entirely custom websites from scratch.
At its core, AstroDeck follows a three-tier architecture: Components (small UI primitives like buttons and dialogs), Sections (full page blocks like pricing tables and FAQs), and Pages (complete templates assembled from sections). This modular approach lets you mix and match at any level of abstraction.
What makes AstroDeck unique is its AI-first development approach. It ships with 5 AI agents compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, and Cline. The dedicated Claude Code Agent provides intelligent project guidance, while the AGENTS.md standard – used by 60,000+ open-source projects – ensures any AI coding assistant can understand and work with the codebase immediately.
Features
- Astro 6.x with zero-JS by default for optimal performance
- Tailwind CSS 4 with OKLCH color tokens and full dark mode
- shadcn/ui + Radix UI components (11 interactive components)
- 16 pre-built page sections (Hero, Pricing, FAQ, Testimonials, etc.)
- 11 ready-to-use page templates (SaaS, Portfolio, Blog, Auth, etc.)
- 5 AI agents – works with Claude Code, Cursor, Copilot, Windsurf, Cline
- AGENTS.md standard for AI-friendly development
- Dedicated Claude Code Agent for intelligent project guidance
- Three-tier architecture: Components → Sections → Pages
- TypeScript throughout with full type safety
- SEO optimized with OpenGraph, Twitter Cards, sitemap, and RSS
- CSS-only scroll animations via data-animate attributes
- Component registry (registry.json) for tooling integration
- MIT licensed – free for commercial and personal use
License
This project is licensed under the MIT License. You are free to use, modify, and distribute it for personal and commercial projects.
