麒舰主系统风格
呈现系统级顶部导航、角色或部门切换、业务工作台和高密度信息布局。
ZartUI 高保真界面生产
高保真设计
根据 PRD、页面需求或历史原型 HTML，按 ZartUI 规范生成或重构 Web、移动端高保真原型。布局、字号、色彩、组件状态和交互细节均按对应范式实现。
Codex Skill 安装包下载高保真设计 Skill
01
核心特性
子系统风格
使用子系统顶栏、左侧菜单、页签和业务内容区组织独立业务系统。
移动端页面与触控交互
按移动端范式实现 Navbar、Tabs、Tabbar、Bottom Sheet、Dialog、固定操作区和安全区适配。
02
怎么使用
推荐对 AI 这样说
使用 $zartui-high-fidelity-prototype，根据这份 PRD 生成符合 ZartUI 规范的高保真原型。
“按麒舰主系统风格生成 Web 原型”“生成子系统风格的高保真原型”“根据这份 PRD 设计移动端高保真原型”“把这个历史原型 HTML 按最新 ZartUI 规范重构”
使用步骤
- 提供输入发送 PRD、页面说明、截图、线框笔记，或指定历史原型 HTML。
- 确认类型无法判断 Web 或移动端，或未明确 Web 风格时补充确认。
- 生成与验证AI 按需读取范式，完成原型并启动 localhost 检查基准尺寸和核心流程。
- 查看原型打开单 HTML 结果，反馈需要调整的页面。