git404hub

what is svelte-instinct fr?

arsyadal/svelte-instinct — explained in plain English

Analysis updated 2026-05-18

1PythonAudience · developerComplexity · 1/5Setup · easy

tl;dr

A Claude Code skill that enforces correct Svelte 4 or Svelte 5 syntax and prevents AI generated reactivity bugs.

vibe map

mindmap
  root((svelte-instinct))
    What it does
      Enforces Svelte best practices
      Detects Svelte version automatically
      Prevents mixing React or Vue patterns
    Tech stack
      Svelte
      SvelteKit
      TypeScript
    Use cases
      Fix broken reactivity in AI code
      Auto detect Svelte version
      Force a version per file
    Audience
      Svelte developers
      Claude Code users
    Features
      Runes support
      Version override comments
      Two way binding patterns

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Install the skill so Claude Code writes correct Svelte 5 Runes instead of buggy legacy patterns.

VIBE 2

Let Claude Code auto detect whether your project uses Svelte 4 or Svelte 5 from package.json.

VIBE 3

Force a specific Svelte version for a single file using a version override comment.

VIBE 4

Get consistent TypeScript typed props and SvelteKit load function patterns from AI generated code.

what's the stack?

SvelteSvelteKitTypeScriptClaude Code

how it stacks up fr

arsyadal/svelte-instinct0xustaz/streamgatea-bissell/unleash-lite
Stars111
LanguagePythonPythonPython
Setup difficultyeasyhardhard
Complexity1/54/54/5
Audiencedeveloperdeveloperresearcher

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 5min

Installs with a single npx skills add command, no separate configuration needed.

Unknown from the shown README, check the repository license file for exact terms.

in plain english

svelte-instinct is a skill for Claude Code that teaches the AI assistant how to write correct Svelte code, whether a project uses Svelte 4 or the newer Svelte 5. Without guidance, an AI coding assistant often mixes up old and new Svelte syntax or borrows patterns from React or Vue, which breaks reactivity. The README shows this directly: without the skill, clicking a button updates a local counter but a value that should be calculated from it, labeled Double, stays stuck at zero. With the skill active, Claude Code correctly uses Svelte 5's newer reactive primitives, and the calculated value updates in real time as expected. The skill installs with a single command that adds it to a Claude Code agent globally, using the skills package manager. Once installed, it automatically detects which version of Svelte a project is using by reading the package.json file or by analyzing the existing .svelte files in the codebase, then applies the right set of rules. For Svelte 4 projects it enforces the standard let, export let and reactive dollar colon syntax, while for Svelte 5 projects it enforces the newer Runes system, meaning state, derived and props declarations, along with Snippets and the newer onclick style event handlers instead of the older on:click syntax. Beyond the basics, the skill also covers more advanced patterns, including two way bindings with the bindable rune, proper cleanup of side effects inside the effect rune, and storing reactive state in .svelte.js or .svelte.ts files rather than the older store based approach. If a project does not have a package.json at its root, or a developer wants to force a specific version for just one file, a special comment can be placed at the top of that .svelte file to explicitly declare whether it should be treated as Svelte 4 or Svelte 5.

prompts (copy fr)

prompt 1
Install the svelte-instinct skill in my Claude Code agent using npx skills add.
prompt 2
Explain the difference between Svelte 4's export let syntax and Svelte 5's Runes.
prompt 3
Show me how to use bindable for two way binding in a Svelte 5 component.
prompt 4
Help me add a svelte-version override comment to force Svelte 5 rules in one file.

Frequently asked questions

what is svelte-instinct fr?

A Claude Code skill that enforces correct Svelte 4 or Svelte 5 syntax and prevents AI generated reactivity bugs.

What language is svelte-instinct written in?

Mainly Python. The stack also includes Svelte, SvelteKit, TypeScript.

What license does svelte-instinct use?

Unknown from the shown README, check the repository license file for exact terms.

How hard is svelte-instinct to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is svelte-instinct for?

Mainly developer.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.