astro
✓Islands Architecture용 Astro 프레임워크 패턴, 클라이언트 지시문(client:load, client:visible, client:idle, client:only, client:media), 통합(MDX, Tailwind, React/Vue/Svelte), View Transitions API 및 배포 전략. 콘텐츠 중심 사이트 구축, 섬으로 부분 수화 구현, 다중 프레임워크 프로젝트 설정, 기본적으로 zero-JS로 성능 최적화 또는 정적/SSR 사이트 배포 시 사용합니다.
SKILL.md
Astro 5.x framework for building fast, content-focused websites with Islands Architecture and zero JavaScript by default.
Astro ships ZERO JavaScript unless you explicitly add a client directive.
Rule: Only use client directives when components need hooks, state, or browser APIs.
Islands Architecture용 Astro 프레임워크 패턴, 클라이언트 지시문(client:load, client:visible, client:idle, client:only, client:media), 통합(MDX, Tailwind, React/Vue/Svelte), View Transitions API 및 배포 전략. 콘텐츠 중심 사이트 구축, 섬으로 부분 수화 구현, 다중 프레임워크 프로젝트 설정, 기본적으로 zero-JS로 성능 최적화 또는 정적/SSR 사이트 배포 시 사용합니다. 출처: briantbr/astro-best-practices.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/briantbr/astro-best-practices --skill astro- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-05
- 업데이트
- 2026-02-18
빠른 답변
astro이란?
Islands Architecture용 Astro 프레임워크 패턴, 클라이언트 지시문(client:load, client:visible, client:idle, client:only, client:media), 통합(MDX, Tailwind, React/Vue/Svelte), View Transitions API 및 배포 전략. 콘텐츠 중심 사이트 구축, 섬으로 부분 수화 구현, 다중 프레임워크 프로젝트 설정, 기본적으로 zero-JS로 성능 최적화 또는 정적/SSR 사이트 배포 시 사용합니다. 출처: briantbr/astro-best-practices.
astro 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/briantbr/astro-best-practices --skill astro 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/briantbr/astro-best-practices
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-05