Svelte Components 是一个专注于 Svelte 组件模式的技能，主要面向 Web Components、组件库（Bits UI、Ark UI、Melt UI）、表单模式以及第三方集成等场景。
主要能力与用途
该技能围绕 Svelte 的组件开发组织内容，涵盖组件库的选型与使用、Web Components（自定义元素）的构建、以及表单处理模式。资料中列出的组件库包括：Bits UI（headless）、Ark UI、Melt UI。其中 Bits UI 1.0 被描述为面向 Svelte 的灵活、无样式、可访问的组件库。
表单模式
资料提供了一个表单技巧：当表单无法包裹输入元素时，可以使用 form 属性将输入与按钮关联到外部表单。示例中表单定义在表格之外，输入与提交按钮通过 form="my-form" 属性指向该表单。此外，defaultValue 属性可用于方便地重置表单；snippets 可用于在自定义 select 选项中包裹富 HTML 内容。
Web Components
要构建自定义元素，需在 svelte.config.js 中设置 compilerOptions.customElement 为 true，并在组件中使用 <svelte:options customElement="my-button" /> 声明自定义元素名称；组件内部使用 slot 承载内容。
参考文件
资料列出三个参考文件：component-libraries.md（Bits UI、Ark UI 设置）、web-components.md（构建自定义元素）、form-patterns.md（高级表单处理）。
适用场景
适合需要在 Svelte 项目中使用或构建组件库、实现 Web Components、处理复杂表单，或进行第三方集成的开发者。
限制
该技能的具体安装方式、收费情况、支持的平台与版本要求，资料中暂未提供。最后验证时间为 2025-01-14。