콘텐츠 중심 사이트를 위한 Astro 웹 프레임워크 패턴. Zod 스키마 및 로더가 포함된 콘텐츠 컬렉션, 선택적 하이드레이션 지시문이 포함된 아일랜드 아키텍처, ClientRouter를 통한 뷰 전환, 서버 측 및 하이브리드 렌더링 모드, 서버 아일랜드, astro:db가 포함된 Astro DB, onRequest가 포함된 미들웨어 및 프레임워크 통합(React, Svelte, Vue)을 다룹니다. 콘텐츠 중심 웹 사이트 구축, 섬 수화 전략 구성, 보기 전환 설정, 정적 렌더링과 서버 렌더링 중에서 선택, UI 프레임워크 구성 요소 통합, 콘텐츠 컬렉션 스키마 정의 또는 미들웨어 추가 시 사용합니다.
명령줄에서 astro AI 스킬을 개발 환경에 빠르게 설치
출처: oakoss/agent-skills.
Astro is an all-in-one web framework for building fast, content-focused websites. It uses an islands architecture that ships zero JavaScript by default, hydrating only interactive components on demand. Components from React, Svelte, Vue, Solid, and Preact can coexist in a single project.
When to use: Content-driven sites (blogs, docs, marketing), portfolios, e-commerce storefronts, any site where most pages are primarily static with isolated interactive regions.
When NOT to use: Highly interactive single-page applications (dashboards, real-time collaboration tools), apps requiring full client-side routing with shared global state across all components.
콘텐츠 중심 사이트를 위한 Astro 웹 프레임워크 패턴. Zod 스키마 및 로더가 포함된 콘텐츠 컬렉션, 선택적 하이드레이션 지시문이 포함된 아일랜드 아키텍처, ClientRouter를 통한 뷰 전환, 서버 측 및 하이브리드 렌더링 모드, 서버 아일랜드, astro:db가 포함된 Astro DB, onRequest가 포함된 미들웨어 및 프레임워크 통합(React, Svelte, Vue)을 다룹니다. 콘텐츠 중심 웹 사이트 구축, 섬 수화 전략 구성, 보기 전환 설정, 정적 렌더링과 서버 렌더링 중에서 선택, UI 프레임워크 구성 요소 통합, 콘텐츠 컬렉션 스키마 정의 또는 미들웨어 추가 시 사용합니다. 출처: oakoss/agent-skills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/oakoss/agent-skills --skill astro콘텐츠 중심 사이트를 위한 Astro 웹 프레임워크 패턴. Zod 스키마 및 로더가 포함된 콘텐츠 컬렉션, 선택적 하이드레이션 지시문이 포함된 아일랜드 아키텍처, ClientRouter를 통한 뷰 전환, 서버 측 및 하이브리드 렌더링 모드, 서버 아일랜드, astro:db가 포함된 Astro DB, onRequest가 포함된 미들웨어 및 프레임워크 통합(React, Svelte, Vue)을 다룹니다. 콘텐츠 중심 웹 사이트 구축, 섬 수화 전략 구성, 보기 전환 설정, 정적 렌더링과 서버 렌더링 중에서 선택, UI 프레임워크 구성 요소 통합, 콘텐츠 컬렉션 스키마 정의 또는 미들웨어 추가 시 사용합니다. 출처: oakoss/agent-skills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/oakoss/agent-skills --skill astro 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/oakoss/agent-skills