svelte5-development

SKILL.md

| $state | Reactive state | let count = $state(0) | | $derived | Computed values | let doubled = $derived(count 2) | | $effect | Side effects | $effect(() => console.log(count)) | | $props | Component props | let { name } = $props() | | $bindable | Two-way binding | let { value = $bindable() } = $props() |

| +page.svelte | Page component | | +page.server.js | Server-only load/actions | | +layout.svelte | Shared layout | | +server.js | API endpoints | | +error.svelte | Error boundary |

Svelte 5 룬, SvelteKit 라우팅, 양식 작업 및 구성 요소 패턴을 사용하여 웹 애플리케이션을 구축하세요. Svelte, SvelteKit으로 작업하거나 반응형 웹 인터페이스를 구축할 때 사용합니다. 출처: autumnsgrove/groveengine.

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/autumnsgrove/groveengine --skill svelte5-development 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다

원본 보기