add-integration
Add Astro Integration
Use this skill when adding official or community integrations to an Astro project, including UI frameworks, styling tools, adapters, content tooling, and utilities.
If astro-best-practices is available, apply it alongside this skill for performance, accessibility, and hydration defaults.
Workflow
1. Classify the integration
Identify what is being added before changing anything:
- UI framework: React, Vue, Svelte, Preact, Solid
- Styling: Tailwind, UnoCSS, Sass, CSS tooling
- Deployment adapter: Netlify, Vercel, Cloudflare, Node
- Content tooling: MDX, Markdoc, CMS integrations
- Utilities: sitemap, Partytown, analytics, database helpers
This determines whether the change affects rendering mode, hydration, config shape, or build output.
More from incluud/astro-agent-skills
docs-lookup
Look up official Astro documentation and answer version-sensitive Astro questions accurately.
14create-component
Create Astro components, pages, and layouts with accessible markup and minimal client-side JavaScript.
14astro-best-practices
Apply performant, accessible, and maintainable defaults when building or reviewing Astro projects.
14migrate
Plan and execute migrations to Astro or between Astro versions with minimal regressions.
13content-collection
Set up and evolve Astro content collections with typed schemas and reliable querying patterns.
13