phia-design-system - PhiaUI 视觉设计系统规范
定义 PhiaUI 组件必须遵循的视觉规范，涵盖字体、颜色、间距、布局、图标、动效、无障碍和响应式设计。
标签
更新于: 2026-10-04能力
典型输入
典型输出
该技能可以做什么
- 定义语义化颜色用法
- 应用字体排版层级
- 规定组件间距
- 定义边框圆角规则
- 规定阴影层级
- 规范 Heroicons 用法
- 定义动效时长
- 应用无障碍模式
- 规定响应式布局
输入
- 组件需求
- PhiaUI 主题文件
- 组件布局上下文
- shadcn/ui 参考资料
输出
- 视觉设计规范
- 组件样式指导
- 无障碍设计指导
- 响应式布局指导
要求
- PhiaUI 项目上下文
- Tailwind CSS v4
- 语义化主题令牌
- PhiaUI 原生图标组件