ui-design - 强制执行shadcn-svelte与TailwindCSS 4的UI一致性
在shadcn-svelte + TailwindCSS 4设计系统中强制执行一致的UI，用于所有应用界面组件。
标签
更新于: 2026-05-11能力
典型输入
典型输出
该技能可以做什么
- 检查现有组件
- 匹配结构和模式
- 应用主题令牌
- 创建Svelte 5组件
- 使用Formsnap构建表单
- 使用TanStack Table显示数据
- 渲染仪表板布局
输入
- shadcn组件库
- 现有页面代码
- 现有组件代码
- 颜色主题令牌
- 内容结构
输出
- Svelte 5页面
- shadcn组件
- 表单布局
- 仪表板布局
- 数据表格组件
要求
- shadcn-svelte库
- TailwindCSS 4
- Svelte 5框架
- 设计系统合规性