[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6HARY0NKB3EX4KK1S07EDXG":3,"skill-same:01M6HARY0NKB3EX4KK1S07EDXG":56},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":18,"publishedAt":27,"linkOnly":28,"markdownContent":29,"markdownBody":30,"frontMatter":31,"refName":34,"commitSha":35,"skillDirectory":36,"forksCount":14,"repositoryHtmlUrl":37,"repositoryHomepageUrl":6,"ownerHtmlUrl":38,"ownerBlogUrl":39,"ownerDescription":40,"updatedAt":41,"install":42,"resources":55},"01M6HARY0NKB3EX4KK1S07EDXG","svelte",null,"Svelte reactive JavaScript framework with compile-time optimization","NeuralBlitz\u002FMito","NeuralBlitz","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F79354388?v=4","01M6H8T2TFH477HRS0KTSTKR2E","David Riggs","01M6H8T2YQQDXPYM092P670Z21",0,"MIT","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fsvelte\u002FSKILL.md",[],[5,19,20,21,22,23,24,25,26],"javascript","framework","compile","Optimization","opencode","frameworks","time","with","2026-11-10 10:12:30",false,"---\nname: svelte\ndescription: Svelte reactive JavaScript framework with compile-time optimization\nlicense: MIT\ncompatibility: opencode\nmetadata:\n  audience: developers\n  category: frameworks\n---\n## What I do\n- Build reactive web applications with less boilerplate\n- Use Svelte's reactivity system with stores\n- Create component animations and transitions\n- Write scoped CSS in components\n- Use SvelteKit for full-stack apps\n- Handle server-side rendering\n- Implement context API for dependency injection\n\n## When to use me\nWhen building highly performant web apps with minimal JavaScript output.\n\n## Component Syntax\n```svelte\n\u003Cscript>\n  let count = 0\n  let doubled = $derived(count * 2)\n  \n  function increment() {\n    count += 1\n  }\n  \n  $: console.log('count is', count)\n\u003C\u002Fscript>\n\n\u003Cbutton on:click={increment}>\n  Clicks: {count}\n  Doubled: {doubled}\n\u003C\u002Fbutton>\n\n\u003Cstyle>\n  button {\n    padding: 1rem;\n  }\n\u003C\u002Fstyle>\n```\n\n## Stores\n```typescript\n\u002F\u002F stores.ts\nimport { writable, derived } from 'svelte\u002Fstore'\n\nexport const count = writable(0)\n\nexport const doubled = derived(count, $count => $count * 2)\n\n\u002F\u002F Custom store\nfunction createTimer() {\n  const { subscribe, set, update } = writable(0)\n  \n  return {\n    subscribe,\n    start() {\n      setInterval(() => update(n => n + 1), 1000)\n    },\n    reset() {\n      set(0)\n    }\n  }\n}\n\nexport const timer = createTimer()\n```\n\n## Reactive Statements\n```svelte\n\u003Cscript>\n  let count = 0\n  let numbers = [1, 2, 3]\n  \n  \u002F\u002F Runs when count changes\n  $: doubled = count * 2\n  \n  \u002F\u002F Runs when any referenced variable changes\n  $: {\n    console.log('count changed:', count)\n    if (count > 10) {\n      console.log('count is large!')\n    }\n  }\n  \n  \u002F\u002F Reactive object destructuring\n  $: ({ a, b } = { a: count, b: count * 2 })\n\u003C\u002Fscript>\n```\n\n## Event Handling\n```svelte\n\u003Cscript>\n  function handleClick(event) {\n    console.log(event.target)\n  }\n  \n  function handleKeydown(event) {\n    if (event.key === 'Escape') {\n      \u002F\u002F handle escape\n    }\n  }\n\u003C\u002Fscript>\n\n\u003Cbutton on:click={handleClick}>Click me\u003C\u002Fbutton>\n\u003Cinput on:keydown={handleKeydown} \u002F>\n\n\u003C!-- Event modifiers -->\n\u003Cbutton on:click|once|preventDefault={handleClick}>\n  Click once, prevent default\n\u003C\u002Fbutton>\n\n\u003C!-- Forward events -->\n\u003Cbutton on:click>Forwarded\u003C\u002Fbutton>\n```\n\n## Lifecycle & Context\n```svelte\n\u003Cscript>\n  import { onMount, onDestroy } from 'svelte'\n  import { setContext, getContext } from 'svelte'\n  \n  onMount(() => {\n    console.log('component mounted')\n  })\n  \n  onDestroy(() => {\n    console.log('cleanup')\n  })\n  \n  \u002F\u002F Context\n  setContext('theme', 'dark')\n  const theme = getContext('theme')\n\u003C\u002Fscript>\n```\n\n## SvelteKit\n```typescript\n\u002F\u002F +page.svelte\n\u003Cscript>\n  export let data\n\u003C\u002Fscript>\n\n{data.message}\n\n\u002F\u002F +page.server.ts\nexport const load = async ({ params }) => {\n  return { message: 'Hello' }\n}\n\n\u002F\u002F +server.ts (API route)\nexport const POST = async ({ request }) => {\n  const data = await request.formData()\n  return new Response('ok')\n}\n```\n","## What I do\n- Build reactive web applications with less boilerplate\n- Use Svelte's reactivity system with stores\n- Create component animations and transitions\n- Write scoped CSS in components\n- Use SvelteKit for full-stack apps\n- Handle server-side rendering\n- Implement context API for dependency injection\n\n## When to use me\nWhen building highly performant web apps with minimal JavaScript output.\n\n## Component Syntax\n```svelte\n\u003Cscript>\n  let count = 0\n  let doubled = $derived(count * 2)\n  \n  function increment() {\n    count += 1\n  }\n  \n  $: console.log('count is', count)\n\u003C\u002Fscript>\n\n\u003Cbutton on:click={increment}>\n  Clicks: {count}\n  Doubled: {doubled}\n\u003C\u002Fbutton>\n\n\u003Cstyle>\n  button {\n    padding: 1rem;\n  }\n\u003C\u002Fstyle>\n```\n\n## Stores\n```typescript\n\u002F\u002F stores.ts\nimport { writable, derived } from 'svelte\u002Fstore'\n\nexport const count = writable(0)\n\nexport const doubled = derived(count, $count => $count * 2)\n\n\u002F\u002F Custom store\nfunction createTimer() {\n  const { subscribe, set, update } = writable(0)\n  \n  return {\n    subscribe,\n    start() {\n      setInterval(() => update(n => n + 1), 1000)\n    },\n    reset() {\n      set(0)\n    }\n  }\n}\n\nexport const timer = createTimer()\n```\n\n## Reactive Statements\n```svelte\n\u003Cscript>\n  let count = 0\n  let numbers = [1, 2, 3]\n  \n  \u002F\u002F Runs when count changes\n  $: doubled = count * 2\n  \n  \u002F\u002F Runs when any referenced variable changes\n  $: {\n    console.log('count changed:', count)\n    if (count > 10) {\n      console.log('count is large!')\n    }\n  }\n  \n  \u002F\u002F Reactive object destructuring\n  $: ({ a, b } = { a: count, b: count * 2 })\n\u003C\u002Fscript>\n```\n\n## Event Handling\n```svelte\n\u003Cscript>\n  function handleClick(event) {\n    console.log(event.target)\n  }\n  \n  function handleKeydown(event) {\n    if (event.key === 'Escape') {\n      \u002F\u002F handle escape\n    }\n  }\n\u003C\u002Fscript>\n\n\u003Cbutton on:click={handleClick}>Click me\u003C\u002Fbutton>\n\u003Cinput on:keydown={handleKeydown} \u002F>\n\n\u003C!-- Event modifiers -->\n\u003Cbutton on:click|once|preventDefault={handleClick}>\n  Click once, prevent default\n\u003C\u002Fbutton>\n\n\u003C!-- Forward events -->\n\u003Cbutton on:click>Forwarded\u003C\u002Fbutton>\n```\n\n## Lifecycle & Context\n```svelte\n\u003Cscript>\n  import { onMount, onDestroy } from 'svelte'\n  import { setContext, getContext } from 'svelte'\n  \n  onMount(() => {\n    console.log('component mounted')\n  })\n  \n  onDestroy(() => {\n    console.log('cleanup')\n  })\n  \n  \u002F\u002F Context\n  setContext('theme', 'dark')\n  const theme = getContext('theme')\n\u003C\u002Fscript>\n```\n\n## SvelteKit\n```typescript\n\u002F\u002F +page.svelte\n\u003Cscript>\n  export let data\n\u003C\u002Fscript>\n\n{data.message}\n\n\u002F\u002F +page.server.ts\nexport const load = async ({ params }) => {\n  return { message: 'Hello' }\n}\n\n\u002F\u002F +server.ts (API route)\nexport const POST = async ({ request }) => {\n  const data = await request.formData()\n  return new Response('ok')\n}\n```\n",{"name":5,"license":15,"metadata":32,"description":7,"compatibility":23},{"audience":33,"category":24},"developers","main","2ea764e153842704d24a2e9aa4170441a7f03081",".opencode\u002Fskills\u002Fsvelte","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito","https:\u002F\u002Fgithub.com\u002FNeuralBlitz","nuralnexus.org","Theoretical and Futuristic AI Nerd 🤓 ","2026-11-12 03:13:05",{"source":8,"skillName":5,"commands":43,"prompt":53,"zipAvailable":54},[44,47,50],{"tool":45,"command":46},"npx","npx skills add NeuralBlitz\u002FMito --skill svelte",{"tool":48,"command":49},"bunx","bunx skills add NeuralBlitz\u002FMito --skill svelte",{"tool":51,"command":52},"pnpm","pnpm dlx skills add NeuralBlitz\u002FMito --skill svelte","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fsvelte\u002FSKILL.md",true,[],[57,73,85,98,106,131],{"skillNo":58,"name":59,"nameZh":6,"description":60,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":61,"categories":62,"keywords":63,"publishedAt":27},"01M6HAZSAQK1S27CEZYAYJTQDX","wireless-communications","Wireless systems, mobile networks, and 5G\u002F6G","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fwireless-communications\u002FSKILL.md",[],[64,65,66,67,68,69,70,71,23,72],"communications","wireless communications","wireless","systems","engineering","networks","5G","students","mobile",{"skillNo":74,"name":75,"nameZh":6,"description":76,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":77,"categories":78,"keywords":79,"publishedAt":27},"01M6HAZFX6E8NK3WZWDX5YCKYY","websockets","WebSocket implementation and best practices","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fwebassembly\u002Fwebsockets\u002FSKILL.md",[],[75,80,25,81,23,82,83,84],"websocket implementation","implementation","real-time","websocket","best practices",{"skillNo":86,"name":87,"nameZh":6,"description":88,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":89,"categories":90,"keywords":91,"publishedAt":27},"01M6HAZ6DAXBQ7QHXXM1EM7715","vulnerability-auditing","Vulnerability assessment and auditing","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fvulnerability-auditing\u002FSKILL.md",[],[92,93,94,95,23,96,97],"vulnerability","vulnerability auditing","security","vulnerability assessment","cybersecurity","assessment",{"skillNo":99,"name":100,"nameZh":6,"description":101,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":102,"categories":103,"keywords":104,"publishedAt":27},"01M6HAZ3FKF3CS9Z3J96RVE2ZE","vulnerability-assessment","Finding and assessing security vulnerabilities","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fvue\u002Fvulnerability-assessment\u002FSKILL.md",[],[95,92,97,94,105,23],"vulnerabilities",{"skillNo":107,"name":108,"nameZh":6,"description":109,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":110,"categories":111,"keywords":122,"publishedAt":27},"01M6HAYSHM6HKRKEHFP0SGZQX7","vlsi-design","Very-Large-Scale Integration circuit design and semiconductor engineering","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fvlsi-design\u002FSKILL.md",[112,117],{"categoryNo":113,"categoryName":114,"taxonomyType":115,"taxonomyTypeDesc":116},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":118,"categoryName":119,"taxonomyType":120,"taxonomyTypeDesc":121},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[123,124,125,126,127,68,128,23,129,71,130],"vlsi design","VLSI","design","hardware","integration","computer","scale","circuit",{"skillNo":132,"name":133,"nameZh":6,"description":134,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":135,"categories":136,"keywords":137,"publishedAt":27},"01M6HAYPQ30FFE2JXD7WQJ8R6C","unsupervised","Unsupervised learning concepts","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fvisualization\u002Funsupervised\u002FSKILL.md",[],[133,138,23,139,140,141,142,143],"learning","intelligence","unsupervised learning","machine","concepts","machine-learning"]