fubits1

fubits1/svelte-skills

Plugin Claude Code

Claude Code plugin marketplace for Svelte developers — agent discipline, frontend workflows, Svelte development, and Svelte 5 migration.

fubits1/svelte-skills

Plugin Claude Code

Frontend development discipline — validation, pixel-perfect measurement, editing, code style, testing, migration baselines.

fubits1/svelte-skills

Skill Claude CodeCodex

Use when editing CSS, SCSS, or style blocks in .svelte files. Covers CSS-specific code style rules. Auto-invoke when writing or modifying styles.

fubits1/svelte-skills

Skill Claude CodeCodex

Code style rules for all languages: variable naming, brace style, HTML data attributes, CSS nesting. Auto-invoke when editing code files, writing new functions, or naming variables.

fubits1/svelte-skills

Skill Claude CodeCodex

Convert flat CSS to nested & syntax while satisfying stylelint's no-descending-specificity and no-duplicate-selectors rules. Use when nesting selectors, refactoring flat CSS to &, or fixing stylelint specificity/duplicate errors after nesting.

fubits1/svelte-skills

Skill Claude CodeCodex

Use when building card grids, tile layouts, or repeated components where inner content (icons, titles, prices, buttons) must align across siblings. Also use when seeing misaligned card content at different text lengths.

fubits1/svelte-skills

Skill Claude CodeCodex

File editing discipline, preserving comments, using correct types, refactoring safely. Auto-invoke when editing code files.

fubits1/svelte-skills

Skill Claude CodeCodex

Use when editing ESLint, Prettier, Stylelint, PostCSS, or Svelte config files. Use when adding or removing linting plugins, resolving formatter conflicts, auditing JS/TS toolchain configuration, or deciding whether a config package is needed.

fubits1/svelte-skills

Skill Claude CodeCodex

Use when upgrading a framework version, migrating APIs, bumping major dependencies, or any task where "before" and "after" states must be compared. Auto-invoke when user mentions migration, upgrade, breaking changes, or version bumps.

fubits1/svelte-skills

Skill Claude CodeCodex

Pixel drift detection, mandatory measurement workflow for any CSS or HTML element change. Auto-invoke when editing CSS, changing HTML elements, or replacing DOM structures.

fubits1/svelte-skills

Skill Claude CodeCodex

Playwright MCP usage rules, screenshots, code sandbox, Chrome data. Auto-invoke when using Playwright MCP tools.

fubits1/svelte-skills

Skill Claude CodeCodex

Validate edited files, lint .svelte/.ts/.js, test stories, lint markdown. Auto-invoke after ANY file edit before declaring done. User-invocable as /validate-file [files].

fubits1/svelte-skills

Skill Claude CodeCodex

Validation discipline for all code changes, testing, baselines, browser checks, CSS screenshots. Auto-invoke whenever making code changes, running tests, or declaring a task done.

fubits1/svelte-skills

Skill Claude CodeCodex

Vitest test.projects, browser mode with playwright(), optimizeDeps, separate vitest.config from vite.config. Use when editing vitest config, debugging flaky browser tests, upgrading @vitest/, or splitting node vs browser projects.

fubits1/svelte-skills

Skill Claude CodeCodex

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

fubits1/svelte-skills

Plugin Claude Code

Svelte 3/4 to 5 migration — phased workflow, pattern conversions, interop rules, known traps.

fubits1/svelte-skills

Skill Claude CodeCodex

Use when migrating .svelte files from Svelte 3/4 to Svelte 5 runes. Auto-invoke when converting $: reactive blocks, export let props, createEventDispatcher, or slot patterns. Covers interop with unmigrated Svelte 4 children/parents.

fubits1/svelte-skills

Plugin Claude Code

Svelte development workflows — component docs, code style, Storybook, testing with vitest-browser-svelte, MSW API mocking.

fubits1/svelte-skills

Skill Claude CodeCodex

Svelte component code style rules. Auto-invoke when creating new .svelte files or editing Svelte component structure. Covers component documentation comments and Svelte-specific style conventions.

fubits1/svelte-skills

Skill Claude CodeCodex

Use when composing a Svelte 5 feature from provider/wrapper components, content snippets, reactive state, or third-party DOM bridging (maplibre, leaflet, d3, tippy, popper). Covers overlay wrappers, snippet APIs, and state location.

fubits1/svelte-skills

Skill Claude CodeCodex

Document a Svelte component using @component JSDoc. Auto-invoke when asked to document a .svelte component. Reads the component, analyzes its interface, and writes a structured @component comment block.

fubits1/svelte-skills

Skill Claude CodeCodex

MSW 2 (Mock Service Worker) mocking in Svelte: Storybook, Vitest browser tests, SvelteKit dev/SSR. Use when writing handlers or fixtures, when a story renders blank or errors Failed to fetch, or when migrating msw-storybook-addon v2 to v3.

fubits1/svelte-skills

Skill Claude CodeCodex

Svelte CSF (@storybook/addon-svelte-csf) + @storybook/addon-vitest: .stories.svelte as Vitest browser tests with play functions and tags. Use when wiring or debugging Svelte Storybook tests in Vitest/CI, not for React/Vue/CSF3 .ts story files.

fubits1/svelte-skills

Skill Claude CodeCodex

Storybook workflow, MCP tools, fixtures, CSS import chains. Auto-invoke when working with Storybook stories or components.