# fubits1 > Open-source publisher. Listings imported from github.com/fubits1 — credited to the original author with their license. - **Listings:** 20 - **Total installs:** 0 - **Profile:** https://agentstack.voostack.com/s/fubits1 - **Website:** https://github.com/fubits1 ## Published listings - [Migration](https://agentstack.voostack.com/l/skill-fubits1-svelte-skills-migration) — Skill · Free · security-reviewed — `agentstack add skill-fubits1-svelte-skills-migration` 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. - [Playwright](https://agentstack.voostack.com/l/skill-fubits1-svelte-skills-playwright) — Skill · Free · security-reviewed — `agentstack add skill-fubits1-svelte-skills-playwright` Playwright MCP usage rules, screenshots, code sandbox, Chrome data. Auto-invoke when using Playwright MCP tools. - [Js Config](https://agentstack.voostack.com/l/skill-fubits1-svelte-skills-js-config) — Skill · Free · security-reviewed — `agentstack add skill-fubits1-svelte-skills-js-config` 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. - [Testing Svelte](https://agentstack.voostack.com/l/skill-fubits1-svelte-skills-testing-svelte) — Skill · Free · security-reviewed — `agentstack add skill-fubits1-svelte-skills-testing-svelte` Fix and create Svelte 5 tests with vitest-browser-svelte and Playwright. Use when fixing broken tests, debugging failures, writing unit/SSR/e2e tests, or working with vitest/Playwright. - [Css Subgrid](https://agentstack.voostack.com/l/skill-fubits1-svelte-skills-css-subgrid) — Skill · Free · security-reviewed — `agentstack add skill-fubits1-svelte-skills-css-subgrid` 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. - [Doc Component](https://agentstack.voostack.com/l/skill-fubits1-svelte-skills-doc-component) — Skill · Free · security-reviewed — `agentstack add skill-fubits1-svelte-skills-doc-component` 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. - [Migration Svelte 5](https://agentstack.voostack.com/l/skill-fubits1-svelte-skills-migration-svelte-5) — Skill · Free · security-reviewed — `agentstack add skill-fubits1-svelte-skills-migration-svelte-5` 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. - [Vitest](https://agentstack.voostack.com/l/skill-fubits1-svelte-skills-vitest) — Skill · Free · security-reviewed — `agentstack add skill-fubits1-svelte-skills-vitest` 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. - [Storybook](https://agentstack.voostack.com/l/skill-fubits1-svelte-skills-storybook) — Skill · Free · security-reviewed — `agentstack add skill-fubits1-svelte-skills-storybook` Storybook workflow, MCP tools, fixtures, CSS import chains. Auto-invoke when working with Storybook stories or components. - [Css Nesting](https://agentstack.voostack.com/l/skill-fubits1-svelte-skills-css-nesting) — Skill · Free · security-reviewed — `agentstack add skill-fubits1-svelte-skills-css-nesting` 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. - [Code Style Svelte](https://agentstack.voostack.com/l/skill-fubits1-svelte-skills-code-style-svelte) — Skill · Free · security-reviewed — `agentstack add skill-fubits1-svelte-skills-code-style-svelte` 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. - [Validate](https://agentstack.voostack.com/l/skill-fubits1-svelte-skills-validate) — Skill · Free · security-reviewed — `agentstack add skill-fubits1-svelte-skills-validate` 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. - [Validate File](https://agentstack.voostack.com/l/skill-fubits1-svelte-skills-validate-file) — Skill · Free · security-reviewed — `agentstack add skill-fubits1-svelte-skills-validate-file` 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]. - [Code Style](https://agentstack.voostack.com/l/skill-fubits1-svelte-skills-code-style) — Skill · Free · security-reviewed — `agentstack add skill-fubits1-svelte-skills-code-style` 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. - [Pixel Perfect](https://agentstack.voostack.com/l/skill-fubits1-svelte-skills-pixel-perfect) — Skill · Free · security-reviewed — `agentstack add skill-fubits1-svelte-skills-pixel-perfect` 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. - [Storybook Vitest](https://agentstack.voostack.com/l/skill-fubits1-svelte-skills-storybook-vitest) — Skill · Free · security-reviewed — `agentstack add skill-fubits1-svelte-skills-storybook-vitest` 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. - [Editing](https://agentstack.voostack.com/l/skill-fubits1-svelte-skills-editing) — Skill · Free · security-reviewed — `agentstack add skill-fubits1-svelte-skills-editing` File editing discipline, preserving comments, using correct types, refactoring safely. Auto-invoke when editing code files. - [Code Style Css](https://agentstack.voostack.com/l/skill-fubits1-svelte-skills-code-style-css) — Skill · Free · security-reviewed — `agentstack add skill-fubits1-svelte-skills-code-style-css` Use when editing CSS, SCSS, or style blocks in .svelte files. Covers CSS-specific code style rules. Auto-invoke when writing or modifying styles. - [Composition Svelte](https://agentstack.voostack.com/l/skill-fubits1-svelte-skills-composition-svelte) — Skill · Free · security-reviewed — `agentstack add skill-fubits1-svelte-skills-composition-svelte` 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. - [Web Design Guidelines](https://agentstack.voostack.com/l/skill-fubits1-svelte-skills-web-design-guidelines) — Skill · Free · security-reviewed — `agentstack add skill-fubits1-svelte-skills-web-design-guidelines` 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". --- Seller on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Install any with `agentstack add `.