Svelte 5 مرجع بناء الجملة. يُستخدم عند كتابة أي مكون Svelte. يستخدم Svelte 5 الأحرف الرونية ($state، $derived، $effect، $props) بدلاً من أنماط Svelte 4. بيانات التدريب كثيفة Svelte 4 — تمنع هذه المهارة بناء الجملة القديم.
ثبّت مهارة الذكاء الاصطناعي svelte5 بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: trevors/dot-claude.
Always use Svelte 5 runes. Never use Svelte 4 patterns.
| export let foo | let { foo } = $props() | | export let foo = 'default' | let { foo = 'default' } = $props() | | $: doubled = x 2 | let doubled = $derived(x 2) | | $: { sideEffect() } | $effect(() => { sideEffect() }) | | on:click={handler} | onclick={handler} | | on:input={handler} | oninput={handler} |
| on:click\|preventDefault={h} | onclick={e => { e.preventDefault(); h(e) }} | | | {@render children()} | | | {@render x?.()} | | $$props | Use $props() with rest: let { ...rest } = $props() | | $$restProps | let { known, ...rest } = $props() | | createEventDispatcher() | Pass callback props: let { onchange } = $props() |
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/trevors/dot-claude --skill svelte5Svelte 5 مرجع بناء الجملة. يُستخدم عند كتابة أي مكون Svelte. يستخدم Svelte 5 الأحرف الرونية ($state، $derived، $effect، $props) بدلاً من أنماط Svelte 4. بيانات التدريب كثيفة Svelte 4 — تمنع هذه المهارة بناء الجملة القديم. المصدر: trevors/dot-claude.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/trevors/dot-claude --skill svelte5 بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/trevors/dot-claude