Agent skill
astro-setup
Astro project initialization and configuration patterns. Use when setting up new Astro projects or configuring Astro features.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/product/astro-setup
SKILL.md
Astro Setup Skill
Project Initialization
npm create astro@latest project-name -- --template minimal --typescript strict
cd project-name
Essential Integrations
npx astro add react
npx astro add mdx
npx astro add tailwind
Configuration Pattern
// 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
siteandbasefor proper asset paths - Enable image optimization
- Keep integrations minimal
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?