astro-setup
Astro project initialization and configuration patterns. Use when setting up new Astro projects or configuring Astro features.
Best use case
astro-setup is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
Astro project initialization and configuration patterns. Use when setting up new Astro projects or configuring Astro features.
Teams using astro-setup should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/astro-setup/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How astro-setup Compares
| Feature / Agent | astro-setup | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Astro project initialization and configuration patterns. Use when setting up new Astro projects or configuring Astro features.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# Astro Setup Skill
## Project Initialization
```bash
npm create astro@latest project-name -- --template minimal --typescript strict
cd project-name
```
## Essential Integrations
```bash
npx astro add react
npx astro add mdx
npx astro add tailwind
```
## Configuration Pattern
```javascript
// astro.config.mjs
import { defineConfig } from 'astro/config';
import react from '@astrojs/react';
import mdx from '@astrojs/mdx';
import tailwind from '@astrojs/tailwind';
export default defineConfig({
site: 'https://username.github.io',
base: '/repo-name', // or '/' for user pages
integrations: [react(), mdx(), tailwind()],
output: 'static', // Required for GitHub Pages
image: {
service: {
entrypoint: 'astro/assets/services/sharp'
}
}
});
```
## Content Collections
Content collections go in `src/content/` with a `config.ts` file defining schemas using Zod.
## Best Practices
- Use `output: 'static'` for GitHub Pages
- Configure `site` and `base` for proper asset paths
- Enable image optimization
- Keep integrations minimalRelated Skills
astropy
Comprehensive Python library for astronomy and astrophysics. This skill should be used when working with astronomical data including celestial coordinates, physical units, FITS files, cosmological calculations, time systems, tables, world coordinate systems (WCS), and astronomical data analysis. Use when tasks involve coordinate transformations, unit conversions, FITS file manipulation, cosmological distance calculations, time scale conversions, or astronomical data processing.
astro-patterns
Astro best practices, routing patterns, component architecture, and static site generation techniques. Use when building Astro websites, setting up routing, designing component architecture, configuring static site generation, optimizing build performance, implementing content strategies, or when user mentions Astro patterns, routing, component design, SSG, static sites, or Astro best practices.
astro-architecture
Technical architecture for Astro lead generation websites. Use when setting up new projects, configuring build tools, or establishing project foundations. For images use astro-images skill. For SEO use astro-seo skill.
angular-app-setup
Creates an Angular 20 app directly in the current folder with strict defaults, deterministic non-interactive flags, and preflight safety checks. Use when the user asks to create, scaffold, or initialize Angular 20 in place and wants build/test verification.
ai-sdk-setup
Install the Vercel AI SDK with AI Elements components. Build a streaming chat interface with the useChat hook.
setup-design-system
Initialize the design system or create new UI components with accessibility, Tailwind/shadcn integration, and documentation. Use when setting up the initial design system, adding component categories, or creating complex UI components that need design review.
asyncredux-setup
Initialize, setup and configure AsyncRedux in a Flutter app. Use it whenever starting a new AsyncRedux project, or when the user requests.
astrologue-ia
Expert astrologique brutal et transparent. Analyse thème natal (stelliums, aspects, maisons), synastrie/compatibilité (scores, red flags, comparaison multiple), transits et prévisions (dates clés, timing optimal), astrocartographie (meilleurs lieux de vie). Style direct, zéro bullshit, full transparence. Fetch automatique des données astro depuis astro-seek.com. Use when analyzing birth charts, compatibility, astrological timing, or best places to live based on astrology.
astro-animations
Animation patterns for Astro sites. Scroll animations, micro-interactions, transitions, loading states. Performance-focused, accessibility-aware.
astro-a11y
Accessibility patterns for Astro lead generation sites. WCAG 2.1 AA compliance, screen readers, keyboard navigation, focus management, ARIA. Use for all accessibility implementation.
worktree-setup
Automatically invoked after `git worktree add` to create data/shared symlink and data/local directory. Required before starting work in any new worktree.
setup-asdlc
Initialize a repository for ASDLC adoption with AGENTS.md and directory structure