[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-svelte-svelte-code-writer":3,"mdc-jl6gj5-key":35,"related-org-svelte-svelte-code-writer":584,"related-repo-svelte-svelte-code-writer":608},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":12,"stars":24,"repoUrl":25,"updatedAt":26,"license":27,"forks":28,"topics":29,"repo":30,"sourceUrl":33,"mdContent":34},"svelte-code-writer","analyze and write Svelte 5 code","CLI tools for Svelte 5 documentation lookup and code analysis. MUST be used whenever creating, editing or analyzing any Svelte component (.svelte) or Svelte module (.svelte.ts\u002F.svelte.js). If possible, this skill should be executed within the svelte-file-editor agent for optimal results.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},"svelte","Svelte","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fsvelte.png","sveltejs",[13,15,18,21],{"name":9,"slug":8,"type":14},"tag",{"name":16,"slug":17,"type":14},"CLI","cli",{"name":19,"slug":20,"type":14},"Code Analysis","code-analysis",{"name":22,"slug":23,"type":14},"Frontend","frontend",298,"https:\u002F\u002Fgithub.com\u002Fsveltejs\u002Fai-tools","2026-07-27T06:08:51.307189",null,37,[],{"repoUrl":25,"stars":24,"forks":28,"topics":31,"description":32},[],"The official svelte MCP for all your agentic needs.","https:\u002F\u002Fgithub.com\u002Fsveltejs\u002Fai-tools\u002Ftree\u002FHEAD\u002Ftools\u002Fskills\u002Fsvelte-code-writer","---\nname: svelte-code-writer\ndescription: CLI tools for Svelte 5 documentation lookup and code analysis. MUST be used whenever creating, editing or analyzing any Svelte component (.svelte) or Svelte module (.svelte.ts\u002F.svelte.js). If possible, this skill should be executed within the svelte-file-editor agent for optimal results.\n---\n\n## CLI tools\n\nYou have access to `@sveltejs\u002Fmcp` CLI for Svelte-specific assistance. Use these commands via `npx`:\n\n### List documentation sections\n\n```bash\nnpx @sveltejs\u002Fmcp list-sections\n```\n\nLists all available Svelte 5 and SvelteKit documentation sections with titles and paths.\n\n### Get documentation\n\n```bash\nnpx @sveltejs\u002Fmcp get-documentation \"\u003Csection1>,\u003Csection2>,...\"\n```\n\nRetrieves full documentation for specified sections. Use after `list-sections` to fetch relevant docs.\n\n**Example:**\n\n```bash\nnpx @sveltejs\u002Fmcp get-documentation \"$state,$derived,$effect\"\n```\n\n### Svelte autofixer\n\n```bash\nnpx @sveltejs\u002Fmcp svelte-autofixer \"\u003Ccode_or_path>\" [options]\n```\n\nAnalyzes Svelte code and suggests fixes for common issues.\n\n**Options:**\n\n- `--async` - Enable async Svelte mode (default: false)\n- `--svelte-version` - Target version: 4 or 5 (default: 5)\n\n**Examples:**\n\n```bash\n# Analyze inline code (escape $ as \\$)\nnpx @sveltejs\u002Fmcp svelte-autofixer '\u003Cscript>let count = \\$state(0);\u003C\u002Fscript>'\n\n# Analyze a file\nnpx @sveltejs\u002Fmcp svelte-autofixer .\u002Fsrc\u002Flib\u002FComponent.svelte\n\n# Target Svelte 4\nnpx @sveltejs\u002Fmcp svelte-autofixer .\u002FComponent.svelte --svelte-version 4\n```\n\n**Important:** When passing code with runes (`$state`, `$derived`, etc.) via the terminal, escape the `$` character as `\\$` to prevent shell variable substitution.\n\n## Workflow\n\n1. **Uncertain about syntax?** Run `list-sections` then `get-documentation` for relevant topics\n2. **Reviewing\u002Fdebugging?** Run `svelte-autofixer` on the code to detect issues\n3. **Always validate** - Run `svelte-autofixer` before finalizing any Svelte component\n",{"data":36,"body":37},{"name":4,"description":6},{"type":38,"children":39},"root",[40,49,72,79,112,117,123,162,175,184,239,245,287,292,300,327,335,471,511,517,578],{"type":41,"tag":42,"props":43,"children":45},"element","h2",{"id":44},"cli-tools",[46],{"type":47,"value":48},"text","CLI tools",{"type":41,"tag":50,"props":51,"children":52},"p",{},[53,55,62,64,70],{"type":47,"value":54},"You have access to ",{"type":41,"tag":56,"props":57,"children":59},"code",{"className":58},[],[60],{"type":47,"value":61},"@sveltejs\u002Fmcp",{"type":47,"value":63}," CLI for Svelte-specific assistance. Use these commands via ",{"type":41,"tag":56,"props":65,"children":67},{"className":66},[],[68],{"type":47,"value":69},"npx",{"type":47,"value":71},":",{"type":41,"tag":73,"props":74,"children":76},"h3",{"id":75},"list-documentation-sections",[77],{"type":47,"value":78},"List documentation sections",{"type":41,"tag":80,"props":81,"children":86},"pre",{"className":82,"code":83,"language":84,"meta":85,"style":85},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx @sveltejs\u002Fmcp list-sections\n","bash","",[87],{"type":41,"tag":56,"props":88,"children":89},{"__ignoreMap":85},[90],{"type":41,"tag":91,"props":92,"children":95},"span",{"class":93,"line":94},"line",1,[96,101,107],{"type":41,"tag":91,"props":97,"children":99},{"style":98},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[100],{"type":47,"value":69},{"type":41,"tag":91,"props":102,"children":104},{"style":103},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[105],{"type":47,"value":106}," @sveltejs\u002Fmcp",{"type":41,"tag":91,"props":108,"children":109},{"style":103},[110],{"type":47,"value":111}," list-sections\n",{"type":41,"tag":50,"props":113,"children":114},{},[115],{"type":47,"value":116},"Lists all available Svelte 5 and SvelteKit documentation sections with titles and paths.",{"type":41,"tag":73,"props":118,"children":120},{"id":119},"get-documentation",[121],{"type":47,"value":122},"Get documentation",{"type":41,"tag":80,"props":124,"children":126},{"className":82,"code":125,"language":84,"meta":85,"style":85},"npx @sveltejs\u002Fmcp get-documentation \"\u003Csection1>,\u003Csection2>,...\"\n",[127],{"type":41,"tag":56,"props":128,"children":129},{"__ignoreMap":85},[130],{"type":41,"tag":91,"props":131,"children":132},{"class":93,"line":94},[133,137,141,146,152,157],{"type":41,"tag":91,"props":134,"children":135},{"style":98},[136],{"type":47,"value":69},{"type":41,"tag":91,"props":138,"children":139},{"style":103},[140],{"type":47,"value":106},{"type":41,"tag":91,"props":142,"children":143},{"style":103},[144],{"type":47,"value":145}," get-documentation",{"type":41,"tag":91,"props":147,"children":149},{"style":148},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[150],{"type":47,"value":151}," \"",{"type":41,"tag":91,"props":153,"children":154},{"style":103},[155],{"type":47,"value":156},"\u003Csection1>,\u003Csection2>,...",{"type":41,"tag":91,"props":158,"children":159},{"style":148},[160],{"type":47,"value":161},"\"\n",{"type":41,"tag":50,"props":163,"children":164},{},[165,167,173],{"type":47,"value":166},"Retrieves full documentation for specified sections. Use after ",{"type":41,"tag":56,"props":168,"children":170},{"className":169},[],[171],{"type":47,"value":172},"list-sections",{"type":47,"value":174}," to fetch relevant docs.",{"type":41,"tag":50,"props":176,"children":177},{},[178],{"type":41,"tag":179,"props":180,"children":181},"strong",{},[182],{"type":47,"value":183},"Example:",{"type":41,"tag":80,"props":185,"children":187},{"className":82,"code":186,"language":84,"meta":85,"style":85},"npx @sveltejs\u002Fmcp get-documentation \"$state,$derived,$effect\"\n",[188],{"type":41,"tag":56,"props":189,"children":190},{"__ignoreMap":85},[191],{"type":41,"tag":91,"props":192,"children":193},{"class":93,"line":94},[194,198,202,206,210,216,221,226,230,235],{"type":41,"tag":91,"props":195,"children":196},{"style":98},[197],{"type":47,"value":69},{"type":41,"tag":91,"props":199,"children":200},{"style":103},[201],{"type":47,"value":106},{"type":41,"tag":91,"props":203,"children":204},{"style":103},[205],{"type":47,"value":145},{"type":41,"tag":91,"props":207,"children":208},{"style":148},[209],{"type":47,"value":151},{"type":41,"tag":91,"props":211,"children":213},{"style":212},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[214],{"type":47,"value":215},"$state",{"type":41,"tag":91,"props":217,"children":218},{"style":103},[219],{"type":47,"value":220},",",{"type":41,"tag":91,"props":222,"children":223},{"style":212},[224],{"type":47,"value":225},"$derived",{"type":41,"tag":91,"props":227,"children":228},{"style":103},[229],{"type":47,"value":220},{"type":41,"tag":91,"props":231,"children":232},{"style":212},[233],{"type":47,"value":234},"$effect",{"type":41,"tag":91,"props":236,"children":237},{"style":148},[238],{"type":47,"value":161},{"type":41,"tag":73,"props":240,"children":242},{"id":241},"svelte-autofixer",[243],{"type":47,"value":244},"Svelte autofixer",{"type":41,"tag":80,"props":246,"children":248},{"className":82,"code":247,"language":84,"meta":85,"style":85},"npx @sveltejs\u002Fmcp svelte-autofixer \"\u003Ccode_or_path>\" [options]\n",[249],{"type":41,"tag":56,"props":250,"children":251},{"__ignoreMap":85},[252],{"type":41,"tag":91,"props":253,"children":254},{"class":93,"line":94},[255,259,263,268,272,277,282],{"type":41,"tag":91,"props":256,"children":257},{"style":98},[258],{"type":47,"value":69},{"type":41,"tag":91,"props":260,"children":261},{"style":103},[262],{"type":47,"value":106},{"type":41,"tag":91,"props":264,"children":265},{"style":103},[266],{"type":47,"value":267}," svelte-autofixer",{"type":41,"tag":91,"props":269,"children":270},{"style":148},[271],{"type":47,"value":151},{"type":41,"tag":91,"props":273,"children":274},{"style":103},[275],{"type":47,"value":276},"\u003Ccode_or_path>",{"type":41,"tag":91,"props":278,"children":279},{"style":148},[280],{"type":47,"value":281},"\"",{"type":41,"tag":91,"props":283,"children":284},{"style":212},[285],{"type":47,"value":286}," [options]\n",{"type":41,"tag":50,"props":288,"children":289},{},[290],{"type":47,"value":291},"Analyzes Svelte code and suggests fixes for common issues.",{"type":41,"tag":50,"props":293,"children":294},{},[295],{"type":41,"tag":179,"props":296,"children":297},{},[298],{"type":47,"value":299},"Options:",{"type":41,"tag":301,"props":302,"children":303},"ul",{},[304,316],{"type":41,"tag":305,"props":306,"children":307},"li",{},[308,314],{"type":41,"tag":56,"props":309,"children":311},{"className":310},[],[312],{"type":47,"value":313},"--async",{"type":47,"value":315}," - Enable async Svelte mode (default: false)",{"type":41,"tag":305,"props":317,"children":318},{},[319,325],{"type":41,"tag":56,"props":320,"children":322},{"className":321},[],[323],{"type":47,"value":324},"--svelte-version",{"type":47,"value":326}," - Target version: 4 or 5 (default: 5)",{"type":41,"tag":50,"props":328,"children":329},{},[330],{"type":41,"tag":179,"props":331,"children":332},{},[333],{"type":47,"value":334},"Examples:",{"type":41,"tag":80,"props":336,"children":338},{"className":82,"code":337,"language":84,"meta":85,"style":85},"# Analyze inline code (escape $ as \\$)\nnpx @sveltejs\u002Fmcp svelte-autofixer '\u003Cscript>let count = \\$state(0);\u003C\u002Fscript>'\n\n# Analyze a file\nnpx @sveltejs\u002Fmcp svelte-autofixer .\u002Fsrc\u002Flib\u002FComponent.svelte\n\n# Target Svelte 4\nnpx @sveltejs\u002Fmcp svelte-autofixer .\u002FComponent.svelte --svelte-version 4\n",[339],{"type":41,"tag":56,"props":340,"children":341},{"__ignoreMap":85},[342,351,382,392,401,422,430,439],{"type":41,"tag":91,"props":343,"children":344},{"class":93,"line":94},[345],{"type":41,"tag":91,"props":346,"children":348},{"style":347},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[349],{"type":47,"value":350},"# Analyze inline code (escape $ as \\$)\n",{"type":41,"tag":91,"props":352,"children":354},{"class":93,"line":353},2,[355,359,363,367,372,377],{"type":41,"tag":91,"props":356,"children":357},{"style":98},[358],{"type":47,"value":69},{"type":41,"tag":91,"props":360,"children":361},{"style":103},[362],{"type":47,"value":106},{"type":41,"tag":91,"props":364,"children":365},{"style":103},[366],{"type":47,"value":267},{"type":41,"tag":91,"props":368,"children":369},{"style":148},[370],{"type":47,"value":371}," '",{"type":41,"tag":91,"props":373,"children":374},{"style":103},[375],{"type":47,"value":376},"\u003Cscript>let count = \\$state(0);\u003C\u002Fscript>",{"type":41,"tag":91,"props":378,"children":379},{"style":148},[380],{"type":47,"value":381},"'\n",{"type":41,"tag":91,"props":383,"children":385},{"class":93,"line":384},3,[386],{"type":41,"tag":91,"props":387,"children":389},{"emptyLinePlaceholder":388},true,[390],{"type":47,"value":391},"\n",{"type":41,"tag":91,"props":393,"children":395},{"class":93,"line":394},4,[396],{"type":41,"tag":91,"props":397,"children":398},{"style":347},[399],{"type":47,"value":400},"# Analyze a file\n",{"type":41,"tag":91,"props":402,"children":404},{"class":93,"line":403},5,[405,409,413,417],{"type":41,"tag":91,"props":406,"children":407},{"style":98},[408],{"type":47,"value":69},{"type":41,"tag":91,"props":410,"children":411},{"style":103},[412],{"type":47,"value":106},{"type":41,"tag":91,"props":414,"children":415},{"style":103},[416],{"type":47,"value":267},{"type":41,"tag":91,"props":418,"children":419},{"style":103},[420],{"type":47,"value":421}," .\u002Fsrc\u002Flib\u002FComponent.svelte\n",{"type":41,"tag":91,"props":423,"children":425},{"class":93,"line":424},6,[426],{"type":41,"tag":91,"props":427,"children":428},{"emptyLinePlaceholder":388},[429],{"type":47,"value":391},{"type":41,"tag":91,"props":431,"children":433},{"class":93,"line":432},7,[434],{"type":41,"tag":91,"props":435,"children":436},{"style":347},[437],{"type":47,"value":438},"# Target Svelte 4\n",{"type":41,"tag":91,"props":440,"children":442},{"class":93,"line":441},8,[443,447,451,455,460,465],{"type":41,"tag":91,"props":444,"children":445},{"style":98},[446],{"type":47,"value":69},{"type":41,"tag":91,"props":448,"children":449},{"style":103},[450],{"type":47,"value":106},{"type":41,"tag":91,"props":452,"children":453},{"style":103},[454],{"type":47,"value":267},{"type":41,"tag":91,"props":456,"children":457},{"style":103},[458],{"type":47,"value":459}," .\u002FComponent.svelte",{"type":41,"tag":91,"props":461,"children":462},{"style":103},[463],{"type":47,"value":464}," --svelte-version",{"type":41,"tag":91,"props":466,"children":468},{"style":467},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[469],{"type":47,"value":470}," 4\n",{"type":41,"tag":50,"props":472,"children":473},{},[474,479,481,486,488,493,495,501,503,509],{"type":41,"tag":179,"props":475,"children":476},{},[477],{"type":47,"value":478},"Important:",{"type":47,"value":480}," When passing code with runes (",{"type":41,"tag":56,"props":482,"children":484},{"className":483},[],[485],{"type":47,"value":215},{"type":47,"value":487},", ",{"type":41,"tag":56,"props":489,"children":491},{"className":490},[],[492],{"type":47,"value":225},{"type":47,"value":494},", etc.) via the terminal, escape the ",{"type":41,"tag":56,"props":496,"children":498},{"className":497},[],[499],{"type":47,"value":500},"$",{"type":47,"value":502}," character as ",{"type":41,"tag":56,"props":504,"children":506},{"className":505},[],[507],{"type":47,"value":508},"\\$",{"type":47,"value":510}," to prevent shell variable substitution.",{"type":41,"tag":42,"props":512,"children":514},{"id":513},"workflow",[515],{"type":47,"value":516},"Workflow",{"type":41,"tag":518,"props":519,"children":520},"ol",{},[521,545,561],{"type":41,"tag":305,"props":522,"children":523},{},[524,529,531,536,538,543],{"type":41,"tag":179,"props":525,"children":526},{},[527],{"type":47,"value":528},"Uncertain about syntax?",{"type":47,"value":530}," Run ",{"type":41,"tag":56,"props":532,"children":534},{"className":533},[],[535],{"type":47,"value":172},{"type":47,"value":537}," then ",{"type":41,"tag":56,"props":539,"children":541},{"className":540},[],[542],{"type":47,"value":119},{"type":47,"value":544}," for relevant topics",{"type":41,"tag":305,"props":546,"children":547},{},[548,553,554,559],{"type":41,"tag":179,"props":549,"children":550},{},[551],{"type":47,"value":552},"Reviewing\u002Fdebugging?",{"type":47,"value":530},{"type":41,"tag":56,"props":555,"children":557},{"className":556},[],[558],{"type":47,"value":241},{"type":47,"value":560}," on the code to detect issues",{"type":41,"tag":305,"props":562,"children":563},{},[564,569,571,576],{"type":41,"tag":179,"props":565,"children":566},{},[567],{"type":47,"value":568},"Always validate",{"type":47,"value":570}," - Run ",{"type":41,"tag":56,"props":572,"children":574},{"className":573},[],[575],{"type":47,"value":241},{"type":47,"value":577}," before finalizing any Svelte component",{"type":41,"tag":579,"props":580,"children":581},"style",{},[582],{"type":47,"value":583},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":585,"total":353},[586,593],{"slug":4,"name":4,"fn":5,"description":6,"org":587,"tags":588,"stars":24,"repoUrl":25,"updatedAt":26},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[589,590,591,592],{"name":16,"slug":17,"type":14},{"name":19,"slug":20,"type":14},{"name":22,"slug":23,"type":14},{"name":9,"slug":8,"type":14},{"slug":594,"name":594,"fn":595,"description":596,"org":597,"tags":598,"stars":24,"repoUrl":25,"updatedAt":607},"svelte-core-bestpractices","implement Svelte best practices","Guidance on writing fast, robust, modern Svelte code. Load this skill whenever in a Svelte project and asked to write\u002Fedit or analyze a Svelte component or module. Covers reactivity, event handling, styling, integration with libraries and more.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[599,602,603,606],{"name":600,"slug":601,"type":14},"Accessibility","accessibility",{"name":22,"slug":23,"type":14},{"name":604,"slug":605,"type":14},"Performance","performance",{"name":9,"slug":8,"type":14},"2026-07-30T05:31:45.691331",{"items":609,"total":353},[610,617],{"slug":4,"name":4,"fn":5,"description":6,"org":611,"tags":612,"stars":24,"repoUrl":25,"updatedAt":26},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[613,614,615,616],{"name":16,"slug":17,"type":14},{"name":19,"slug":20,"type":14},{"name":22,"slug":23,"type":14},{"name":9,"slug":8,"type":14},{"slug":594,"name":594,"fn":595,"description":596,"org":618,"tags":619,"stars":24,"repoUrl":25,"updatedAt":607},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[620,621,622,623],{"name":600,"slug":601,"type":14},{"name":22,"slug":23,"type":14},{"name":604,"slug":605,"type":14},{"name":9,"slug":8,"type":14}]