·svelte5-showcase-components
*

svelte5-showcase-components

提供 Svelte 5 Showcase 组件库的综合指南,其中包含 49 个生产就绪组件 组件分为 7 类。当您需要发现可用组件时使用, 了解组件使用模式,将组件集成到新项目中,或参考 Svelte 5 开发的最佳实践。触发“哪些组件可用”, “如何使用[组件名称]”,“集成展示组件”,“从展示组件复制组件”, “Svelte 5 组件示例”,或“展示组件库”。与 shadcn-svelte 一起使用, Bits UI、TailwindCSS v4、sveltekit-superforms 和 Svelte 5 符文。

3安装·0热度·@dawiddutoit

安装

$npx skills add https://github.com/dawiddutoit/custom-claude --skill svelte5-showcase-components

如何安装 svelte5-showcase-components

通过命令行快速安装 svelte5-showcase-components AI 技能到你的开发环境

  1. 打开终端: 打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 运行安装命令: 复制并运行以下命令:npx skills add https://github.com/dawiddutoit/custom-claude --skill svelte5-showcase-components
  3. 验证安装: 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

来源:dawiddutoit/custom-claude。

SKILL.md

查看原文

The Svelte 5 Showcase is a production-ready component library with 49 components organized into 7 categories, built with Svelte 5 runes, TypeScript strict mode, and TailwindCSS v4.

Location: /Users/dawiddutoit/projects/play/svelte/src/lib/components/ui/

Example Location: /Users/dawiddutoit/projects/play/svelte/src/routes/showcase/primitives/form/+page.svelte

提供 Svelte 5 Showcase 组件库的综合指南,其中包含 49 个生产就绪组件 组件分为 7 类。当您需要发现可用组件时使用, 了解组件使用模式,将组件集成到新项目中,或参考 Svelte 5 开发的最佳实践。触发“哪些组件可用”, “如何使用[组件名称]”,“集成展示组件”,“从展示组件复制组件”, “Svelte 5 组件示例”,或“展示组件库”。与 shadcn-svelte 一起使用, Bits UI、TailwindCSS v4、sveltekit-superforms 和 Svelte 5 符文。 来源:dawiddutoit/custom-claude。

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/dawiddutoit/custom-claude --skill svelte5-showcase-components
分类
*创意媒体
认证
收录时间
2026-02-25
更新时间
2026-03-11

Browse more skills from dawiddutoit/custom-claude

快速解答

什么是 svelte5-showcase-components?

提供 Svelte 5 Showcase 组件库的综合指南,其中包含 49 个生产就绪组件 组件分为 7 类。当您需要发现可用组件时使用, 了解组件使用模式,将组件集成到新项目中,或参考 Svelte 5 开发的最佳实践。触发“哪些组件可用”, “如何使用[组件名称]”,“集成展示组件”,“从展示组件复制组件”, “Svelte 5 组件示例”,或“展示组件库”。与 shadcn-svelte 一起使用, Bits UI、TailwindCSS v4、sveltekit-superforms 和 Svelte 5 符文。 来源:dawiddutoit/custom-claude。

如何安装 svelte5-showcase-components?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/dawiddutoit/custom-claude --skill svelte5-showcase-components 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

这个 Skill 的源码在哪?

https://github.com/dawiddutoit/custom-claude