Claude MarketplacesSubmit
astrolicious avatar

Astro

astrolicious/agent-skills

Covers the essentials for building with Astro's islands architecture and static site generation. Handles component creation, page routing, content collections setup, and deployment workflows across major platforms like Vercel, Netlify, and Cloudflare. The skill walks through project structure conventions, CLI commands for dev/build/check cycles, and adapter configuration for SSR when needed. Stays current with Astro's docs and includes TypeScript support out of the box. Solid choice when you're building content-heavy sites that need fast loading times without sacrificing interactivity where it counts.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
34
skills.sh installs
19.3K
GitHub stars
13
last updated
Jul 14, 2026
View on GitHub

Install

$ npx -y skills add astrolicious/agent-skills --skill astro --agent claude-code

Installs into .claude/skills of the current project.

Files

Astro Usage Guide

Always consult docs.astro.build for code examples and latest API.

Astro is the web framework for content-driven websites.

Quick Reference

File Location

CLI looks for astro.config.js, astro.config.mjs, astro.config.cjs, and astro.config.ts in: ./. Use --config for custom path.

CLI Commands

  • npx astro dev - Start the development server.
  • npx astro build - Build your project and write it to disk.
  • npx astro check - Check your project for errors.
  • npx astro add - Add an integration.
  • npx astro sync - Generate TypeScript types for all Astro modules.

Re-run after adding/changing plugins.

Project Structure

Reference project structure docs.

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/astrolicious/agent-skills
Categories
Frontend Development, AI & Agent Building

Recommended

More Frontend Development
1vuejs-ai avatarvue-options-api-best-practicesvuejs-ai/skillsVue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.12.4Kskills.sh installs
2affaan-m avatarfrontend-patternsaffaan-m/everything-claude-codefrontend patterns8.6Kskills.sh installs
3sickn33 avatarnextjs-best-practicessickn33/antigravity-awesome-skillsnextjs best practices6.7Kskills.sh installs
4github avatarpremium-frontend-uigithub/awesome-copilotA comprehensive guide for GitHub Copilot to craft immersive, high-performance web experiences with advanced motion, typography, and architectural craftsmanship.5Kskills.sh installs
5daniel-dan-conrad avatarui-designerdaniel-dan-conrad/ui-designer-skillui designer3.7Kskills.sh installs
6minimax-ai avatarfrontend-devminimax-ai/skillsFull-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and visual art. Builds com3.2Kskills.sh installs