explainx.ainewsletter3.02k
Frontend

svelte-components▌

spences10/svelte-skills-kit · updated Apr 8, 2026

$npx skills add https://github.com/spences10/svelte-skills-kit --skill svelte-components
0 commentsdiscussion
summary

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

  • ›(primitives)
skill.md

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" />

<button><slot /></button>

Reference Files

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
  • Last verified: 2025-01-14

Discussion

Product Hunt–style comments (not star reviews)
  • No comments yet — start the thread.
general reviews

Ratings

4.7★★★★★59 reviews
  • ★★★★★Dhruvi Jain· Dec 28, 2024

    svelte-components reduced setup friction for our internal harness; good balance of opinion and flexibility.

  • ★★★★★Aarav Robinson· Dec 28, 2024

    Useful defaults in svelte-components — fewer surprises than typical one-off scripts, and it plays nicely with `npx skills` flows.

  • ★★★★★Ama Harris· Dec 24, 2024

    Registry listing for svelte-components matched our evaluation — installs cleanly and behaves as described in the markdown.

  • ★★★★★Ama Brown· Dec 16, 2024

    svelte-components reduced setup friction for our internal harness; good balance of opinion and flexibility.

  • ★★★★★Hana Iyer· Dec 12, 2024

    We added svelte-components from the explainx registry; install was straightforward and the SKILL.md answered most questions upfront.

  • ★★★★★Meera Verma· Nov 23, 2024

    Solid pick for teams standardizing on skills: svelte-components is focused, and the summary matches what you get after install.

  • ★★★★★Oshnikdeep· Nov 19, 2024

    I recommend svelte-components for anyone iterating fast on agent tooling; clear intent and a small, reviewable surface area.

  • ★★★★★Michael Bansal· Nov 19, 2024

    Registry listing for svelte-components matched our evaluation — installs cleanly and behaves as described in the markdown.

  • ★★★★★Charlotte Park· Nov 15, 2024

    Useful defaults in svelte-components — fewer surprises than typical one-off scripts, and it plays nicely with `npx skills` flows.

  • ★★★★★Ama Khanna· Nov 7, 2024

    I recommend svelte-components for anyone iterating fast on agent tooling; clear intent and a small, reviewable surface area.

showing 1-10 of 59

1 / 6