Guides building Astro sites with components, pages, adapters, and CLI commands.
npx skills add https://github.com/northguild/gmt --skill astro-northguild
Please help me install this Agent Skill. Skill: astro Source: https://github.com/northguild/gmt/tree/main/.agents/skills/astro Command: npx skills add https://github.com/northguild/gmt --skill astro-northguild
astro dev, astro build, astro check, astro add, and astro sync, plus the conventional project structure (src/pages, src/components, public/). - Page & Component Creation: Shows how to create .astro pages with frontmatter and reusable components using Astro.props. - Deployment with Adapters: Walks through adding Node.js, Cloudflare, Netlify, or Vercel adapters and verifying build output before deploying. - Use Case: You need to deploy a content-driven site to Cloudflare. Use this Skill to add the Cloudflare adapter, run astro check and astro build, and verify the dist/ output before deployment. ## Quick Start Ask the assistant to create a new Astro page and configure the Cloudflare adapter for 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 between triple dashes for server-side JavaScript, followed by HTML markup that can reference variables with curly braces.
Add the matching adapter with npx astro add cloudflare or npx astro add vercel, then run astro check and astro build. Verify the dist output directory exists and is non-empty, then deploy per the adapter's documentation.
Astro projects use src/pages as the required directory defining all routes, with conventional src/components, src/layouts, and src/styles folders. Static assets go in public/ and are copied as-is to the build output, while astro.config.ts holds configuration.
Yes, Astro supports on-demand rendering through build adapters for Node.js, Cloudflare, Netlify, and Vercel. Install an adapter with npx astro add to enable SSR instead of purely static output.
The astro sync command generates TypeScript types for all Astro modules. Re-running it after adding or changing plugins keeps type definitions accurate so astro check can catch errors correctly.
OpenElementsLabsScaffold Next.js frontends with TypeScript, Tailwind CSS, and shadcn/ui.
vallafedericoConfigure SolidStart deployment presets, Vite plugins, and prerendering in app.config.ts.
oakossCreate content-driven websites with Astro content collections and island architecture.
JP-CanoCreate Astro components, configure static site generation, and manage content collections.