svelte-advanced-datatable-state

svelte-advanced-datatable-state is a skill for Claude Code, Codex from Kage0x3B/svelte-advanced-datatable. It costs 110 tokens per session (2,383 once invoked), scanned A, original, MIT.

Configuration guidance for saving a Svelte data table's state and translating its messages. Svelte is a JavaScript framework for building web interfaces, and a data table displays information in rows and columns.

In plain words
What is it for?
Use it to save searches, sorting, page position, column settings, and display density in a page snapshot, the URL, browser storage, or nowhere, and to configure translated messages.
Why use it?
It helps table settings survive reloads or back-navigation and lets the table show messages in languages or formats you choose.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Good fit Use it to save searches, sorting, page position, column settings, and display density in a page snapshot, the URL, browser storage, or nowhere, and to configure translated messages.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/kage0x3b/svelte-advanced-datatable/svelte-advanced-datatable-state
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add Kage0x3B/svelte-advanced-datatable --skill svelte-advanced-datatable-state
Clone the repo
git clone --depth 1 https://github.com/Kage0x3B/svelte-advanced-datatable

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for svelte-advanced-datatable-state

README.md
[![agentmods](https://agentmods.dev/badge/skills/kage0x3b/svelte-advanced-datatable/svelte-advanced-datatable-state/github.svg)](https://agentmods.dev/skills/kage0x3b/svelte-advanced-datatable/svelte-advanced-datatable-state)
Your own site
<a href="https://agentmods.dev/skills/kage0x3b/svelte-advanced-datatable/svelte-advanced-datatable-state"><img src="https://agentmods.dev/badge/skills/kage0x3b/svelte-advanced-datatable/svelte-advanced-datatable-state/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for svelte-advanced-datatable-state

Your own site · 80×15
<a href="https://agentmods.dev/skills/kage0x3b/svelte-advanced-datatable/svelte-advanced-datatable-state"><img src="https://agentmods.dev/badge/skills/kage0x3b/svelte-advanced-datatable/svelte-advanced-datatable-state.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 110 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 2,383 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00110 $0.02383
Opus 5.5 $0.00044 $0.00953
Sonnet 5.5 $0.00022 $0.00477
Haiku 4.5 $0.00011 $0.00238

Measured 1mo ago against content hash 3c4a84a39c3b, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

svelte-advanced-datatable-state scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/svelte-advanced-datatable-state/SKILL.md · 219 lines

How it starts

The opening of the file, as written. The whole thing — 219 lines — stays where its author put it; the contents beside it link to each section on GitHub.

svelte-advanced-datatable — persistence & i18n

State persistence and internationalisation are two independent concerns wired through config. Defaults keep behaviour predictable: nothing touches localStorage without opt-in, all strings render in English unless messageConfig or messageFormatter is set.

1. Persistence — two independent tiers

Tier Holds Backends Default
transient page index, search input, sort key/direction, sort tiebreakers, open modal row id 'snapshot' | 'url' | 'none' 'snapshot'
persistent items-per-page, column visibility, column widths, column order, density 'localStorage' | 'sessionStorage' | 'none' 'none'
const config: DataTableConfig<UserData> = {
    // ...
    persistence: {
        transient: 'url',
        persistent: 'localStorage',
        urlPrefix: 'dt', // search-param prefix when transient: 'url'
        storageNamespace: config.type, // storage-key prefix when persistent: 'localStorage'/'sessionStorage'
        urlDebounceMs: 300 // debounce for URL replaceState bursts
    }
};
Option Type Default
transient 'snapshot' | 'url' | 'none' 'snapshot'
persistent 'localStorage' | 'sessionStorage' | 'none' 'none'
urlPrefix string 'dt'
storageNamespace string config.type
urlDebounceMs number 300

Read the full file on GitHub · 219 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 1mo ago First seen · 219 lines · 110 tokens per session scan A 3c4a84a39c3b

Subscribe to this mod's changes

svelte-advanced-datatable-state is a skill published in the GitHub repository Kage0x3B/svelte-advanced-datatable (5 stars, last pushed 1mo ago), licensed MIT. It adds 110 tokens to every session and 2,383 once invoked, about $0.0004 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

Other skills, from other repositories

shadcn-svelte

Manages shadcn-svelte components and projects — adding, updating, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn-svelte, the CLI, design-system presets, or any project with a components.json file. Also triggers for…

huntabyte/shadcn-svelte · 87 tokens

add-localization

Adds or extends multilingual localization in a Power Pages code-site SPA. Use whenever the user asks to translate, localize, internationalize, support multiple languages, add a language selector, add locale routes, repair an i18n setup, or add languages to an existing React, Vue, Angular, or Astro Power Pages site.

microsoft/power-platform-skills · 69 tokens

frontend-conventions

Frontend convention reference (SvelteKit / Svelte 5). Auto-injected into frontend-aware agents - not user-invocable.

fpindej/netrock · 27 tokens

new-page

Create a frontend page with routing, i18n, and navigation.

fpindej/netrock · 13 tokens

vue-i18n-skilld

Use when writing or debugging code that imports vue-i18n (Vue 3 internationalization). Covers createI18n, useI18n, message syntax, i18n-t/i18n-n/i18n-d components, pluralization, datetime and number formatting, TypeScript schemas, lazy loading, bundle optimization, and v10/v11/v12 migration.

skilld-dev/vue-ecosystem-skills · 82 tokens

oat-css

Our preferred CSS framework — ultra-lightweight, semantic HTML UI library (8KB). Style web UIs with semantic HTML and minimal classes. Override with app-level SCSS only when necessary.

spinspire/pocketbase-sveltekit-starter · 42 tokens