用途:帮助在 SvelteKit 项目中正确选用 shadcn-svelte 组件。前置条件:项目须为 SvelteKit 应用并已初始化 shadcn-svelte(npx shadcn-svelte@latest init)。使用方式:先用 bash <skill-path>/scripts/detect.sh . 检测项目,脚本会确认 svelte.config.js/ts 与 @sveltejs/kit、components.json 或 bits-ui 是否存在,列出已安装组件;若退出码为 1 则不可继续。随后从 https://www.shadcn-svelte.com/llms.txt 获取组件索引,再按链接读取单个组件文档,获得导入方式、props、事件、插槽、变体与无障碍信息。组件按布局、表单输入、数据展示、反馈、浮层、导航、排版等分类。缺失组件可用 npx shadcn-svelte@latest add <component-name> 添加,多个组件用空格分隔。导入通常来自 $lib/components/ui,如 Button 为命名导入,Card、Dialog 等为 * as 命名空间导入。限制:不要猜测 props 或写法;先检测、再读文档、再确认已安装;路径以 components.json 配置为准;遵循 Svelte 5 runes 与 snippet 组合模式。具体脚本路径与项目配置因环境而异,资料未提供更多平台、收费或效果信息。
ss-shadcn-svelte
前端与建站
更新于 10-16 04:57