Svelte 5 및 SvelteKit 프레임워크 패턴. 룬($state, $derived, $효과, $props, $bindable, $inspect), 조각, 세분화된 반응성, 구성 요소 구성 및 이벤트 처리를 다룹니다. SvelteKit 적용 범위에는 파일 기반 라우팅, 서버 및 범용 로드 기능, 양식 작업, 후크, 어댑터 및 오류 처리가 포함됩니다. Svelte 4에서 5로의 마이그레이션 지침(스토어에서 룬으로, on:event에서 onevent로, 슬롯에서 스니펫으로)이 포함되어 있습니다. Svelte 5 구성 요소 빌드, SvelteKit 라우팅 구성, 양식 작업 구현, Svelte 4에서 마이그레이션 또는 반응성 문제 디버깅 시 사용합니다.
명령줄에서 svelte AI 스킬을 개발 환경에 빠르게 설치
출처: oakoss/agent-skills.
Svelte is a compiler-based UI framework that shifts work from runtime to build time, producing minimal JavaScript with no virtual DOM. Svelte 5 introduces runes for explicit, fine-grained reactivity. SvelteKit is the full-stack framework built on Svelte, providing file-based routing, server-side rendering, and deployment adapters.
When to use: Full-stack web apps, static sites, progressive enhancement, SSR/SSG, projects needing small bundle sizes, migration from Svelte 4 to 5.
When NOT to use: React/Vue ecosystem lock-in, projects requiring extensive third-party component libraries only available for other frameworks, teams with no Svelte experience on tight deadlines.
Svelte 5 및 SvelteKit 프레임워크 패턴. 룬($state, $derived, $효과, $props, $bindable, $inspect), 조각, 세분화된 반응성, 구성 요소 구성 및 이벤트 처리를 다룹니다. SvelteKit 적용 범위에는 파일 기반 라우팅, 서버 및 범용 로드 기능, 양식 작업, 후크, 어댑터 및 오류 처리가 포함됩니다. Svelte 4에서 5로의 마이그레이션 지침(스토어에서 룬으로, on:event에서 onevent로, 슬롯에서 스니펫으로)이 포함되어 있습니다. Svelte 5 구성 요소 빌드, SvelteKit 라우팅 구성, 양식 작업 구현, Svelte 4에서 마이그레이션 또는 반응성 문제 디버깅 시 사용합니다. 출처: oakoss/agent-skills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/oakoss/agent-skills --skill svelteSvelte 5 및 SvelteKit 프레임워크 패턴. 룬($state, $derived, $효과, $props, $bindable, $inspect), 조각, 세분화된 반응성, 구성 요소 구성 및 이벤트 처리를 다룹니다. SvelteKit 적용 범위에는 파일 기반 라우팅, 서버 및 범용 로드 기능, 양식 작업, 후크, 어댑터 및 오류 처리가 포함됩니다. Svelte 4에서 5로의 마이그레이션 지침(스토어에서 룬으로, on:event에서 onevent로, 슬롯에서 스니펫으로)이 포함되어 있습니다. Svelte 5 구성 요소 빌드, SvelteKit 라우팅 구성, 양식 작업 구현, Svelte 4에서 마이그레이션 또는 반응성 문제 디버깅 시 사용합니다. 출처: oakoss/agent-skills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/oakoss/agent-skills --skill svelte 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/oakoss/agent-skills