svelte-ui-design
✓始终将此技能用于任何 Svelte 组件样式、设计或 UI 工作。 Svelte 5 UI 设计系统使用 Tailwind CSS 4、Skeleton Labs 设计令牌/预设/Tailwind 组件和 Bits UI 无头组件。涵盖类构成、颜色系统、交互组件、表单、覆盖以及所有视觉设计。
SKILL.md
Svelte 5 + Tailwind CSS 4 + Skeleton Labs + Bits UI 통합 디자인 시스템
Tailwind Components (Skeleton Labs 클래스 조합) 클래스로 디자인을 뭉쳐놓은 기본 요소. card, chip, badge, placeholder 등.
始终将此技能用于任何 Svelte 组件样式、设计或 UI 工作。 Svelte 5 UI 设计系统使用 Tailwind CSS 4、Skeleton Labs 设计令牌/预设/Tailwind 组件和 Bits UI 无头组件。涵盖类构成、颜色系统、交互组件、表单、覆盖以及所有视觉设计。 来源：xiyo/zheon。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/xiyo/zheon --skill svelte-ui-design 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/xiyo/zheon --skill svelte-ui-design- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 svelte-ui-design？
始终将此技能用于任何 Svelte 组件样式、设计或 UI 工作。 Svelte 5 UI 设计系统使用 Tailwind CSS 4、Skeleton Labs 设计令牌/预设/Tailwind 组件和 Bits UI 无头组件。涵盖类构成、颜色系统、交互组件、表单、覆盖以及所有视觉设计。 来源：xiyo/zheon。
如何安装 svelte-ui-design？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/xiyo/zheon --skill svelte-ui-design 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/xiyo/zheon