svelte-code-writer
공식 도구로 Svelte 5 컴포넌트 빌드 및 수정
Svelte 5 runes와 현대적인 패턴으로 고생하고 계신가요? 워크플로우에서 직접 공식 문서와 자동 코드 수정을 이용하세요.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "svelte-code-writer". 잠재적인 runes 문제가 있는 컴포넌트 분석
Résultat attendu:
autofixer는 $effect 블록 내 $state 변수 할당을 감지하고 적절한 상태 업데이트 사용을 제안합니다.
Utilisation de "svelte-code-writer". $effect에 대한 문서 검색
Résultat attendu:
$effect 사용, 라이프사이클 타이밍, 정리 패턴 및 일반적인 함정에 대한 종합 문서를 반환합니다.
Audit de sécurité
SûrStatic analysis flagged 22 external_commands patterns and 1 filesystem pattern, all false positives. The detected patterns are markdown documentation examples showing legitimate npx CLI command usage (@sveltejs/mcp). No actual code execution, network calls, or filesystem operations exist in the skill content. Safe for publication.
Score de qualité
Ce que vous pouvez construire
Svelte 5 Runes 학습
Svelte 5를 처음 사용하시나요? 현대적인 반응성 패턴을 이해하기 위해 $state, $derived, $effect runes에 대한 문서를 조회하세요.
컴포넌트 문제 디버깅
문제のある 컴포넌트에서 autofixer를 실행하여 상태 변경과 같은 일반적인 실수를 감지하세요.
코드 리뷰 검증
autofixer를 실행하여 이슈를 조기에 파악하고 Svelte 컴포넌트를 병합하기 전에 검증하세요.
Essayez ces prompts
사용 가능한 모든 Svelte 문서 섹션을 나열한 후 $state와 $derived runes에 대한 문서를 검색하세요.
이 Svelte 컴포넌트의 문제를 분석하세요: [컴포넌트 코드 붙여넣기 또는 파일 경로 제공]
--svelte-version 5 플래그와 함께 autofixer를 사용하여 이 컴포넌트의 Svelte 5 호환성을 확인하세요.
await 사용이 올바르게 설정되었는지 확인하면서 이 비동기 Svelte 컴포넌트를 autofixer로 검증하세요.
Bonnes pratiques
- 특정 문서를 요청하기 전에 항상 list-sections를 먼저 실행하여 사용 가능한 문서 주제를 확인하세요
- 모든 Svelte 컴포넌트 문제를 조기에 파악하기 위해 최종确定 전에 svelte-autofixer를 실행하세요
- 터미널 명령을 통해 runes가 포함된 인라인 코드 전달 시 $ 문자를 \$로 이스케이프하세요
Éviter
- 제안서를 검토하지 않고 autofixer 사용 - 항상 권장 사항 검증하세요
- 대규모 코드베이스를 인라인 인수 대신 파일 경로로 전달하세요
- 최상위 await가 있는 컴포넌트 분석 시 --async 플래그 지정하는 것을 잊지 마세요