Guides building Astro components, pages, adapters, and content-driven site deployments.
npx skills add https://github.com/Ishaq74/atomic --skill astro-ishaq74
Please help me install this Agent Skill. Skill: astro Source: https://github.com/Ishaq74/atomic/tree/main/.github/skills/astro Command: npx skills add https://github.com/Ishaq74/atomic --skill astro-ishaq74
astro dev, astro build, astro check, astro add, and astro sync, plus the conventional project structure (src/pages, src/components, public/). - Component & Page Creation: Provides patterns for writing .astro files with frontmatter props and file-based routing. - Adapter-Based Deployment: Walks through adding Node, Cloudflare, Netlify, or Vercel adapters and verifying build output before deployment. - Use Case: You need to add SSR to an existing Astro site and deploy it to Vercel. The Skill guides you through installing the adapter, running checks, building, and verifying the output directory. ## Quick Start Ask the assistant to create a new Astro page and configure the Node adapter for server-side rendering in your project.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 output.
Add an adapter with npx astro add followed by the adapter name such as node, cloudflare, netlify, or vercel. Then run astro check and astro build, verify the output directory exists, and deploy per the adapter documentation.
Astro projects use src/pages as the required routing directory, with conventional folders like src/components, src/layouts, and src/styles. Static unprocessed assets go in public, and configuration lives in astro.config.ts.
Yes, Astro reads astro.config.ts along with .js, .mjs, and .cjs variants from the project root. Running npx astro sync generates TypeScript types for all Astro modules.
Run astro check before building to catch type and configuration errors. Re-run astro sync after adding or changing integrations so TypeScript types stay current.
theflysurferGuide Node.js and pnpm setup for Astro with Tailwind on Windows.
joaoguirunasDeploy Next.js sites to Vercel, Netlify, and Cloudflare Pages with CI/CD pipelines.
CommunityToolkitAutomate browser interactions and web page testing with Playwright.
RajAryanIITBHUSecure Astro routes and client islands with Clerk authentication middleware.