Agent skill

Svelte

by EpicenterHQ in EpicenterHQ/epicenter

Apply Epicenter’s Svelte 5 patterns for runes, components, lifecycles, and workspace-backed state.

Custom licenceAuto-check passedFrontend & Design

Install Svelte

skills CLI
$ npx skills add EpicenterHQ/epicenter --skill svelte -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install EpicenterHQ/epicenter svelte --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/EpicenterHQ/epicenter.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/svelte .claude/skills/svelte && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
svelte
GitHub stars
4.8k
Token cost
~2.6k tokens
SKILL.md length
1,220 words
Files
4 (incl. references)
Skills in repo
65
Repo updated
First seen
Licence
Custom licence

At a glance

Apply Epicenter’s Svelte 5 patterns for runes, components, lifecycles, and workspace-backed state.

  • Editing .svelte
  • SKILL.md covers Reference Repositories, Source Checks, Upstream Grounding and Related Skills, plus 3 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
  • Svelte UI state

What it does

Svelte is an agent skill from EpicenterHQ/epicenter. Apply Epicenter’s Svelte 5 patterns for runes, components, lifecycles, and workspace-backed state. Use when editing .svelte, .svelte.ts, or Svelte UI state.

Its SKILL.md is about 2.6k tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including reference files (for example `references/component-ui-patterns.md`, `references/lifecycle-and-reactivity.md` and `references/mutations-and-workspace-inputs.md`).

It sits in Frontend & Design. It works with Svelte, shadcn/ui and TanStack. The repository describes itself as: Open-source, local-first apps.

When your agent uses it

  • Editing .svelte
  • Svelte UI state

Example prompts

  • “/svelte”

What it can do on your machine

Read from SKILL.md and the folder at commit 5b4bb69. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Links to these hosts (documentation or services it may open):

    • svelte.dev
    • github.com
    • tanstack.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Svelte loads about 2.6k tokens when it runs, and up to ~16k if it reads all its reference files. Until then it costs about 42 tokens; SKILL.md has 1,220 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~42
When it runs · the whole SKILL.md, loaded when a task matches
~2.6k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~16k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 1,220 words (~2,603 tokens).

“Keep the first pass focused on Svelte runes, component lifecycle, workspace-backed state, TanStack Query usage, and local UI composition.”

— opening of SKILL.md by EpicenterHQ, Custom licence
name
svelte

Read the full SKILL.md on GitHub

Files

SKILL.md and 3 other files (references) in .agents/skills/svelte of EpicenterHQ/epicenter.

  • SKILL.md
  • references/component-ui-patterns.md
  • references/lifecycle-and-reactivity.md
  • references/mutations-and-workspace-inputs.md

Open the folder on GitHubat commit 5b4bb69

Compare with similar skills

Svelte next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Svelte compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Svelte this skillEpicenterHQ/epicenter4.8k—~2.6kAutomated safety check: PassCustom licence
Frontend Guidelightly-ai/lightly-studio896—~2.9kAutomated safety check: PassApache-2.0
Shadcn Svelteexceptionless/Exceptionless2.5k—~3.6kAutomated safety check: PassApache-2.0
Tailwind To Stylexshadcn-labs/shadcn-cssinjs123—~2.7kAutomated safety check: PassMIT
Morphous CatalogAmeyanagi/morphos102—~2.1kAutomated safety check: PassApache-2.0
Buzzformbuildnbuzz/buzzform102—~1.5kAutomated safety check: PassMIT

Similar skills

  • Frontend Guide

    lightly-ai/lightly-studio

    Read before writing or reviewing any frontend code in lightlystudioview - Svelte, TypeScript, or SvelteKit files.

    896 GitHub stars~2.9k tokensUpdated today
    Frontend & DesignAuto-check passed
  • Shadcn Svelte

    exceptionless/Exceptionless

    Manages shadcn-svelte components and projects — adding, updating, fixing, debugging, styling, and composing UI.

    2.5k GitHub stars~3.6k tokensUpdated yesterday
    Frontend & DesignAuto-check passed
  • Tailwind To Stylex

    shadcn-labs/shadcn-cssinjs

    Migrate TailwindCSS to StyleX. An agent skill from shadcn-labs/shadcn-cssinjs.

    123 GitHub stars~2.7k tokensUpdated 28 days ago
    Frontend & DesignAuto-check passed
  • Morphous Catalog

    Ameyanagi/morphos

    Create or refresh Morphous website design-system/theme bundles from animal, insect, plant, landscape, mineral, weather, or other nature motifs.

    102 GitHub stars~2.1k tokensUpdated 1 mo ago
    Frontend & DesignAuto-check passed
  • Buzzform

    buildnbuzz/buzzform

    A skill your agent uses when working with BuzzForm schema-driven forms, @buildnbuzz/form-core, @buildnbuzz/form-react, or any related APIs like defineSchema, InferType, FormProvider, useDataField…

    102 GitHub stars~1.5k tokensUpdated 4 mo ago
    Frontend & DesignAuto-check passed
  • Shadmin Dev

    ahaodev/shadmin

    Apply Shadmin feature-development standards (backend Go/Gin/Ent + frontend React/TS).

    174 GitHub stars~2.8k tokensUpdated yesterday
    Frontend & DesignAuto-check passed

More from EpicenterHQ/epicenter

All 65 skills in this repo
  • Agent Instructions

    EpicenterHQ/epicenter

    Write and maintain repository guidance across AGENTS.md, CLAUDE.md, and .agents/skills.

    4.8k GitHub stars~1.2k tokensUpdated yesterday
    Auto-check passed
  • Consult Claude

    EpicenterHQ/epicenter

    Assign Claude Code a read-only investigation, recommendation, or finished text draft.

    4.8k GitHub stars~2k tokensUpdated yesterday
    Auto-check passed
  • Better Auth security hardening: rate limits, secrets, CSRF, trusted origins, cookies, sessions, OAuth tokens, and audit logging.

    4.8k GitHub stars~896 tokensUpdated yesterday
    Auto-check passed
  • Cohesion Over Testability

    EpicenterHQ/epicenter

    Collapse test-shaped production boundaries while preserving behavior and coverage.

    4.8k GitHub stars~2k tokensUpdated yesterday
    Auto-check passed
  • Collapse Pass

    EpicenterHQ/epicenter

    Remove indirection that does not earn its boundary across a diff or package.

    4.8k GitHub stars~2k tokensUpdated yesterday
    Auto-check passed
  • Error Handling

    EpicenterHQ/epicenter

    Apply Wellcrafted Result patterns to fallible operations and preserve failures at boundaries.

    4.8k GitHub stars~1.4k tokensUpdated yesterday
    Auto-check passed

Questions about Svelte

What does Svelte do?

Apply Epicenter’s Svelte 5 patterns for runes, components, lifecycles, and workspace-backed state. Svelte is an agent skill from EpicenterHQ/epicenter. Apply Epicenter’s Svelte 5 patterns for runes, components, lifecycles, and workspace-backed state.

When should I use Svelte?

Svelte fits situations like: editing .svelte; svelte UI state.

How do I install Svelte in Claude Code?

Run `npx skills add EpicenterHQ/epicenter --skill svelte -a claude-code`. Or copy the skill folder (.agents/skills/svelte in EpicenterHQ/epicenter) into .claude/skills/svelte in your project. Claude Code loads it when a task matches its description.

How do I install Svelte in Codex?

Run `npx skills add EpicenterHQ/epicenter --skill svelte -a codex`. Or copy the skill folder (.agents/skills/svelte in EpicenterHQ/epicenter) into .agents/skills/svelte in your project. Codex loads it when a task matches its description.

Can I use Svelte in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add EpicenterHQ/epicenter --skill svelte -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/svelte, .gemini/skills/svelte, .github/skills/svelte and .opencode/skills/svelte in your project.

What does Svelte need to run?

SKILL.md names no scripts, command-line tools or credentials: Svelte is instructions for the agent only.

Does Svelte access the network?

SKILL.md names 3 domains. As links in the text: svelte.dev, github.com and tanstack.com. This is read from the text; nothing was executed.

Is Svelte safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Svelte use?

Svelte has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does Svelte use?

About 2.6k tokens (SKILL.md is roughly 10k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 13k tokens, read only when the agent opens those files.

What are the alternatives to Svelte?

Skills that share tags, products or a category with Svelte: Frontend Guide (lightly-ai/lightly-studio, 896 stars), Shadcn Svelte (exceptionless/Exceptionless, 2.5k stars), Tailwind To Stylex (shadcn-labs/shadcn-cssinjs, 123 stars) and Morphous Catalog (Ameyanagi/morphos, 102 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Svelte?

EpicenterHQ (a GitHub organization) maintains it in EpicenterHQ/epicenter, which has 4,821 GitHub stars. The repository holds 65 skills in this directory. The repository was last updated on October 8, 2026.

Source: EpicenterHQ/epicenter on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.