Guides building Astro components, pages, adapters, and content-driven site deployments.
npx skills add https://github.com/NauelG/astro-blocks --skill astro-nauelg
Please help me install this Agent Skill. Skill: astro Source: https://github.com/NauelG/astro-blocks/tree/main/.agents/skills/astro Command: npx skills add https://github.com/NauelG/astro-blocks --skill astro-nauelg
npx astro dev, build, check, add, and sync commands plus the standard project structure (src/pages, src/components, public/). - Component & Page Creation: Provides patterns for writing .astro files with frontmatter props and file-based routing. - SSR Adapter Deployment: Walks through adding Node, Cloudflare, Netlify, or Vercel adapters and verifying build output before deployment. - Use Case: You need to deploy an Astro site to Cloudflare with on-demand rendering. The Skill guides you through npx astro add cloudflare --yes, running astro check, building, and verifying the dist/ output. ## Quick Start Ask the assistant to create a new Astro page and configure the Node adapter for SSR deployment.High-intent search queries and answers about installing and using this skill.
Add a .astro file to the src/pages directory and the filename becomes the route. The file uses frontmatter for server-side logic and standard HTML with expressions for the template.
Add an adapter with npx astro add, choosing node, cloudflare, netlify, or vercel. Then run npx astro check and npx astro build, verify the dist output exists, and deploy per the adapter documentation.
Astro provides npx astro dev for the dev server, build for production output, check for error detection, add for integrations, and sync for generating TypeScript types. Re-run sync after adding or changing plugins.
Only src/pages is required since it defines all routes. Directories like src/components, src/layouts, and src/styles are conventions, while public/ holds unprocessed assets copied as-is to the build.
The CLI looks for astro.config.js, astro.config.mjs, astro.config.cjs, and astro.config.ts in the project root. Use the --config flag to specify a custom path.
mattwyskielManage shadcn/ui components via CLI commands for search, installation, and configuration.
brainbrewlabsPublishes documentation to GitHub Pages, Vercel, or Netlify from source docs and build outputs.
oakossCreate content-driven websites with Astro content collections and island architecture.
SpineEventEngineValidate Hugo documentation links by rendering the site and scanning HTML with Lychee.