Svelte components

Skill spences10/skills/svelte-components

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

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.
15 stars15 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.

SKILL.md

1.9 KB, 416 tokens by cl100k_base, 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

What ships with it: 3 files

7.1 KB alongside SKILL.md