Agent skill · Svelte

Svelte Best Practices skill for Claude Code, Codex and Cursor

Guidance for modern Svelte code: reactivity, events, styling and library integration.

Officialname: svelte-core-bestpractices★ 334 (repo)pushed 2026-10-23MITSKILL.md on GitHubchecked 2026-11-07

What it does, in the publisher's words

Guidance on writing fast, robust, modern Svelte code. Load this skill whenever in a Svelte project and asked to write/edit or analyze a Svelte component or module. Covers reactivity, event handling, styling, integration with libraries and more.

The description field of the SKILL.md. The agent reads only this at startup and decides from it when to load the full skill.

Install Svelte Best Practices

The skills CLI copies the skill into the folder of each agent you pick (Claude Code, Codex, Cursor, Copilot, Gemini CLI, OpenCode, Windsurf...). Add -g for all projects. Needs Node.js 22.20+. docs

npx skills add sveltejs/ai-tools --skill svelte-core-bestpractices

This repo is a plugin marketplace. Inside Claude Code, add it and install the plugin that holds the skill (svelte), or copy only this skill into ~/.claude/skills. docs

/plugin marketplace add sveltejs/ai-tools
/plugin install <plugin>@svelte

# or only this skill:
npx skills add sveltejs/ai-tools --skill svelte-core-bestpractices -a claude-code

Download the skill folder, zip it, then Customize > Skills > + > Create skill > Upload a skill. Code execution must be on (Settings > Capabilities). docs

git clone --depth 1 https://github.com/sveltejs/ai-tools.git /tmp/svelte-core-bestpractices-src
cp -r /tmp/svelte-core-bestpractices-src/tools/skills/svelte-core-bestpractices ./svelte-core-bestpractices
zip -r svelte-core-bestpractices.zip svelte-core-bestpractices

Codex reads skills from .agents/skills in the repo or ~/.agents/skills. Type $ in Codex to use one. docs

npx skills add sveltejs/ai-tools --skill svelte-core-bestpractices -a codex

gh skill (GitHub CLI 2.90+, preview) installs it for Copilot in VS Code, the CLI and the cloud agent. Copilot also reads .github/skills and ~/.copilot/skills. docs

gh skill install sveltejs/ai-tools svelte-core-bestpractices

Cursor reads .cursor/skills, .agents/skills and ~/.cursor/skills (and .claude/skills). It does not install loose skills from a GitHub URL, so copy it in. docs

npx skills add sveltejs/ai-tools --skill svelte-core-bestpractices -a cursor

Installs from the GitHub repo; --path picks this skill out of the repo. Default scope is user (all projects). docs

gemini skills install https://github.com/sveltejs/ai-tools.git --path tools/skills/svelte-core-bestpractices

OpenCode reads .opencode/skills, ~/.config/opencode/skills and the Claude and .agents folders. docs

npx skills add sveltejs/ai-tools --skill svelte-core-bestpractices -a opencode

Windsurf (now Devin Desktop) reads .devin/skills, .windsurf/skills and ~/.codeium/windsurf/skills. docs

npx skills add sveltejs/ai-tools --skill svelte-core-bestpractices -a windsurf

Works with

Claude Code, Claude.ai and Claude Desktop, Codex, GitHub Copilot, Cursor, Gemini CLI, OpenCode, Windsurf and other agents that read the open Agent Skills format.

What's in the SKILL.md

14 sections

$state
$derived
$effect
$props
$inspect.trace
#key block
Events
Snippets
Each blocks
Using JavaScript variables in CSS
Styling child components
Context
Async Svelte
Avoid legacy features

Bundled files

references/attach.md
references/await-expressions.md
references/bind.md
references/each.md
references/hydratable.md
references/inspect.md
references/render.md
references/snippet.md
references/svelte-reactivity.md

Loaded only when the instructions point to them.

Facts

Skill name: svelte-core-bestpractices
Publisher: Svelte (official)
Repo: sveltejs/ai-tools
License: MIT
SKILL.md size: 952 words, 176 lines
Bundled files: 9, 9 docs
Repo stars: 334 (as of 2026-10-24)
SKILL.md checked: 2026-11-07

Pairs with the Svelte MCP server: the server gives the agent the tools, the skill teaches it how to use them.

More skills from sveltejs/ai-tools

Svelte Code Writer: CLI tools for looking up Svelte 5 docs and analyzing components while writing Svelte code.

Related frontend & design skills

FAQ

What does the svelte-core-bestpractices skill do?+

Guidance for modern Svelte code: reactivity, events, styling and library integration. In its own SKILL.md, Svelte describes it as: "Guidance on writing fast, robust, modern Svelte code. Load this skill whenever in a Svelte project and asked to write/edit or analyze a Svelte component or module. Covers reactivity, event handling, styling, integration with libraries and more."

How do I install the svelte-core-bestpractices skill?+

Run npx skills add sveltejs/ai-tools --skill svelte-core-bestpractices and pick your agents, or use the tab for your agent above. In Claude Code the skill ends up in ~/.claude/skills/svelte-core-bestpractices/SKILL.md; in Codex and Cursor in .agents/skills/svelte-core-bestpractices/.

Does Svelte Best Practices work in Codex, Cursor and Copilot, or only Claude?+

It's a standard SKILL.md, so any agent that reads the Agent Skills format can use it: Claude Code, the Claude apps, Codex, GitHub Copilot, Cursor, Gemini CLI, OpenCode, Windsurf and more.

Who maintains Svelte Best Practices?+

Svelte, the company or project behind it, in the sveltejs/ai-tools repo on GitHub, last pushed 2026-10-23. License: MIT.

Read a skill's SKILL.md and scripts before you install it: skills aren't verified by any agent vendor. Claude skills marketplace · How to install skills · MCP servers