sveltekit-commander

A plugin that turns the agent into a rigorous SvelteKit developer. Fluency with Svelte 5 runes and Svelte 4 legacy. Strict TypeScript discipline. Tab-indented indented SASS (no SCSS). Capable of authoring new code, auditing existing projects opinionatedly, and migrating across major versions.

What's inside

14 skills, organised into three layers:

Workflow (orchestrators):

• sveltekit-orient — entry-point detection of project mode, conventions, constraints
• sveltekit-author — write new code in harmony with the project
• sveltekit-audit — comprehensive review, P0–P3 severity
• sveltekit-migrate — Svelte 4→5, SvelteKit 1→2, $app/stores→$app/state

Knowledge (deep references):

• svelte-runes — $state, $derived, $effect, $props, $bindable, $inspect, $host, snippets, attachments, error boundaries
• svelte-legacy — let reactivity, $:, export let, slots, stores, lifecycle, actions
• sveltekit-routing — file routing, layouts, groups, matchers, link options, shallow routing, page options
• sveltekit-data-flow — load (universal/server), form actions, remote functions, await expressions, $app/forms
• sveltekit-server-runtime — hooks, env, server-only modules, adapters, rendering modes, service workers
• sveltekit-typescript — generated $types, app.d.ts, typing all SvelteKit boundaries

Cookbook + styling:

• sveltekit-patterns — auth, pagination, infinite scroll, optimistic forms, file upload, image opt, SSE, websockets, i18n, dark mode, modals, SEO, testing, accessibility, rate limiting
• sass-syntax — pure indented SASS, tab-indented, @use/@forward, mixins, placeholders
• style-consistency — audit drift, hardcoded values, naming inconsistencies
• style-sync — propagate variable changes, reconcile drift across files

Plus AGENTS.md at the plugin root yokes everything together with decision flows and triggering rules.

Core stances

• The project decides. The plugin matches the project's existing runes/legacy mode, tsconfig strictness, SASS architecture, adapter, and data-flow primitives. It doesn't impose preferences.
• Tab-indented .sass. New SASS files are tab-indented; space-indented files in a project are flagged as drift.
• TypeScript only. The plugin doesn't author JavaScript. Existing .js files become audit findings.
• Audits are exhaustive. When asked to audit, every drift is reported, severity-bucketed.
• Self-contained. Every skill has its references/ folder containing the official SvelteKit/Svelte documentation it depends on. No external lookups required.

Install

To install it as a Claude Code or Cowork plugin, point the models to this folder. In Codex, type $plugin-creator and let Codex do the rest.

The plugin's .agent-plugin/plugin.json declares its name, version, and description.

Usage

The skills auto-trigger from natural-language requests. See AGENTS.md for the full triggering glossary. Example phrasings that fire each workflow:

• "Look at this project" → sveltekit-orient
• "Build a contact form with validation" → sveltekit-orient then sveltekit-author
• "Audit my SvelteKit project" → sveltekit-orient then sveltekit-audit
• "Migrate this to runes" → sveltekit-orient then sveltekit-migrate
• "Make my styling consistent" → style-consistency then style-sync
• "How do I do session-cookie auth?" → sveltekit-patterns

Plugin tree

sveltekit-commander/
├── .agent-plugin/
│   └── plugin.json
├── AGENTS.md
├── README.md
└── skills/
    ├── sass-syntax/
    │   ├── SKILL.md
    │   └── references/  (5 files)
    ├── style-consistency/
    │   ├── SKILL.md
    │   └── references/  (1 file)
    ├── style-sync/
    │   ├── SKILL.md
    │   └── references/  (1 file)
    ├── svelte-legacy/
    │   ├── SKILL.md
    │   └── references/  (18 files)
    ├── svelte-runes/
    │   ├── SKILL.md
    │   └── references/  (15 files)
    ├── sveltekit-audit/
    │   ├── SKILL.md
    │   └── references/  (5 files)
    ├── sveltekit-author/
    │   ├── SKILL.md
    │   └── references/  (28 files)
    ├── sveltekit-data-flow/
    │   ├── SKILL.md
    │   └── references/  (12 files)
    ├── sveltekit-migrate/
    │   ├── SKILL.md
    │   └── references/  (4 files)
    ├── sveltekit-orient/
    │   ├── SKILL.md
    │   └── references/  (8 files)
    ├── sveltekit-patterns/
    │   ├── SKILL.md
    │   └── references/  (14 files)
    ├── sveltekit-routing/
    │   ├── SKILL.md
    │   └── references/  (9 files)
    ├── sveltekit-server-runtime/
    │   ├── SKILL.md
    │   └── references/  (32 files)
    └── sveltekit-typescript/
        ├── SKILL.md
        └── references/  (3 files)

Total: 14 SKILL.md files + 155 reference files copied verbatim from the SvelteKit/Svelte documentation.