Svelte 5 런, 스니펫, SvelteKit 패턴 및 TypeScript와 컴포넌트 개발을 위한 최신 모범 사례입니다. Svelte 5 컴포넌트와 SvelteKit 애플리케이션 작성, 검토 또는 리팩토링 시 사용하세요.
이 스킬은 Svelte 5 및 SvelteKit 개발에 대한 권장 모범 사례를 제공하는 AI 어시스턴트 스킬입니다. Svelte 5의 주요 기능인 runes ($state, $derived, $effect, $props, $bindable, $inspect)와 snippets ({#snippet}, {@render}) 패턴, 최신 이벤트 처리 방식, SvelteKit의 데이터 로딩 및 폼 액션 패턴을 다룹니다. 또한 Svelte 4에서 Svelte 5로의 마이그레이션 (store → rune, slots → snippets, 이벤트 디스패처 → 콜백 프로퍼티), TypeScript props 타이핑, 제네릭 컴포넌트, SSR 상태 격리, 성능 최적화, 컴포넌트 테스트 등 실무에서 필요한 모든 주제를 포함합니다. Claude Code, Cursor, Cline 등 다양한 AI 코딩 어시스턴트와 호환되며, SKILL.md 문서에 기반하여 일관된 최신 Svelte 5 코딩 스타일을 유지하도록 도와줍니다.
npx skills add https://github.com/ejirocodes/agent-skills/tree/main/skills/svelte5-best-practicesInstalled? Explore more 생산성 & 협업 skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →
Svelte 5 런, 스니펫, SvelteKit 패턴 및 TypeScript와 컴포넌트 개발을 위한 최신 모범 사례입니다. Svelte 5 컴포넌트와 SvelteKit 애플리케이션을 작성, 검토 또는 리팩토링할 때 사용합니다. 다음 상황에서 트리거됩니다: Svelte 컴포넌트, runes ($state, $derived, $effect, $props, $bindable, $inspect), snippets ({#snippet}, {@render}), 이벤트 처리, SvelteKit 데이터 로딩, 폼 액션, Svelte 4에서 Svelte 5로 마이그레이션, store에서 rune으로 마이그레이션, slots에서 snippets으로 마이그레이션, TypeScript props 타이핑, 제네릭 컴포넌트, SSR 상태 격리, 성능 최적화, 또는 컴포넌트 테스트.
Gemini CLI one-shot prompts, summaries, generation, skills, hooks, MCP, or Gemma routing.
Fetch GitHub issues, select candidates, spawn background fix agents, open PRs, and optionally process PR review comments.
Create, edit, audit, tidy, validate, or restructure AgentSkills and SKILL.md files.
Search, install, update, sync, or publish agent skills with the ClawHub CLI and registry.
Delegate coding work to Codex, Claude Code, or OpenCode as background workers; not simple edits or read-only code lookup.
List, configure, authenticate, call, and inspect MCP servers/tools with mcporter over HTTP or stdio.