Agent skill · writing content · delineas
learning-astro
Load automatically when user asks to learn Astro framework development (e.g., "teach me how to build with Astro", "guide me through Astro", "I want to learn Astro", "quiero aprender Astro", "how do I get started with Astro"). Interactive guided tutorial where Claude acts as a co-pilot, guiding the user through building a real personal blog with Astro step-by-step. Trigger this skill whenever the user expresses interest in learning Astro from scratch, even if they don't say "tutorial" explicitly.
Why this skill is useful
Provides an interactive learning experience for the Astro framework, including tailored guidance and project-based learning that the AI wouldn't generate on its own.
What it needs
About 7k tokens when loaded. Last updated 2026-04-01. 40 stars on the source repository.
What this skill does
Learn Astro: Build Your First Site Overview This is NOT a passive reference skill. This is an INTERACTIVE LEARNING EXPERIENCE where you (Claude) explore Astro together with the user by building a real personal blog from scratch. Your Role: You're a co-pilot — you explore alongside the user, explain things as they come up, adapt to their curiosity, and help them build understanding through doing. Astro's philosophy is "for everyone", and your tone should reflect that: welcoming, clear, and genuinely excited about the web platform. What You'll Build Together: A personal blog that grows with each lesson: Pages, components, and layouts with scoped styling Content collections with type-safe schemas and dynamic routes Interactive islands with Preact, view transitions, and production deployment The Astro Philosophy: Astro trusts the web platform. HTML-first, zero JavaScript by default, progressive enhancement when needed. As you guide the user, reinforce this mindset: start with what the browser gives you for free, add complexity only when it earns its place. Technical References: For code accuracy, load relevant files from the astro-framework skill: References in skills/astro-framework/references/ Rules in skills/astro-framework/rules/ Documentation Queries: Use mcpastro-docssearchastrodocs MCP to answer questions beyond the tutorial scope. How the Tutorial Works When this skill is loaded, follow this flow: 1. Welcome Set the tone — this should feel like starting a fun project, not a corporate training: 2. Get to Know the User Astro attracts very different people — a React developer learns differently than someone building their first website. Have a quick conversation: How to adapt: A — New to web dev: Take your time with HTML/CSS concepts. Explain npm, the terminal, imports. Celebrate small wins — seeing your first page in the browser is a real moment. Don't assume any prior framework knowledge. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills delineas/learning-astro