SvelteKit + Svelte 5 + Tailwind CSS 스킬은(는) 무엇을 하나요?
최근 업데이트된 AI 에이전트 스킬 관련 GitHub 저장소: claude-skills/sveltekit-svelte5-tailwind-skill.
이 스킬은 AI 어시스턴트(예: Claude Code, Cursor, Codex)가 SvelteKit + Svelte 5 + Tailwind CSS 스택을 올바르게 사용하도록 안내합니다. 프로젝트의 핵심 구조, 최신 API 패턴, 그리고 모범 사례를 포함하여 AI가 정확하고 일관된 코드를 생성할 수 있도록 돕습니다.
주요 포함 사항
- SvelteKit 라우팅 및 페이지 구조 (파일 기반 라우팅)
- Svelte 5의
runes반응성 시스템 ($state,$derived,$effect등) - Tailwind CSS 설정 및 유틸리티 클래스 사용법
- 서버 사이드 로드 함수 (
+page.server.js,+layout.server.js) - API 엔드포인트 및 폼 액션
- 정적 사이트 생성(SSG) 또는 서버 사이드 렌더링(SSR) 구성
- 의존성 목록 및 버전 호환성
사용 방법
AI 어시스턴트가 이 스킬 파일을 참조하여 SvelteKit 프로젝트를 생성하거나 기존 프로젝트를 분석할 때, SKILL.md에 정의된 규칙과 패턴을 따르도록 합니다. 저장소를 클론하거나 복사하여 AI의 컨텍스트에 포함시키면 됩니다.
라이선스
이 프로젝트는 MIT 라이선스 하에 배포됩니다.