ui-design - 强制执行 shadcn-svelte UI 设计系统一致性
在 shadcn-svelte + TailwindCSS 4 设计系统中强制执行页面、组件、表单和仪表板的 UI 一致性。
标签
更新于: 2026-05-11能力
典型输入
典型输出
该技能可以做什么
- 强制执行设计系统规则
- 应用主题令牌
- 检查现有组件
- 匹配组件模式
- 使用 shadcn-svelte 组件
- 遵循布局约定
- 应用响应式断点
- 使用表单字段模式
- 实现反馈模式
输入
- shadcn-svelte 组件
- 项目组件文件
- 颜色主题令牌
- 布局约定
- 表单字段模式
- 按钮规格
- 图标规格
输出
- Svelte 组件代码
- 样式化 UI 元素
- 表单布局
- 页面结构
- 反馈组件
要求
- shadcn-svelte 组件
- TailwindCSS 4
- Svelte 5
- $state runes
- snippets