Svelte components

Skill spences10/skills/svelte-components

Portable Agent Skills for coding agents, including Svelte/SvelteKit and workflow tooling skills.

Install

npx -y skills add spences10/skills --skill svelte-components

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

2 things to look at

no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
13 stars13 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Build Svelte components. Use for Svelte custom elements, component libraries (Bits UI, Ark UI, Melt UI), form patterns, or third-party integration.

SKILL.md

1.9 KB, as published. Nobody here has run it

Svelte Components

Quick Start

Component libraries: Bits UI (headless) | Ark UI | Melt UI (primitives)

Form trick: Use form attribute when form can't wrap inputs:

<form id="my-form" action="/submit"><!-- outside table --></form>
<table>
	<tr>
		<td><input form="my-form" name="email" /></td>
		<td><button form="my-form">Submit</button></td>
	</tr>
</table>

Web Components

// svelte.config.js
export default {
	compilerOptions: {
		customElement: true,
	},
};

<!-- MyButton.svelte -->
<svelte:options customElement="my-button" />

<!-- Native <slot> is appropriate inside custom elements. -->
<button><slot /></button>

Reference Files

component-libraries.md - Bits UI, Ark UI setup
web-components.md - Building custom elements
form-patterns.md - Advanced form handling

Notes

Bits UI 1.0: flexible, unstyled, accessible components for Svelte
Form defaultValue attribute enables easy form resets
Use snippets to wrap rich HTML in custom select options
Use snippets/{@render} for normal Svelte component content; native <slot> is for custom elements
Last verified: 2026-05-14