SuperAPI AI 工具集

create-wireframe

设计与创作

查看项目

更新于 10-15 22:41

技能介绍

用途:在聊天环境中不使用图形工具设计 UI 布局,可视化组件层级与结构,快速制作文本版原型,或在实现前先讨论并明确布局方案。

主要能力:使用固定宽度容器与对齐边框。角用 +,水平边框用 -,垂直边框用 |;关键规则是最右侧的 | 必须在每行通过空白填充垂直对齐。元素区分规则:按钮为居中文本并留边距,如 [ Save ];输入框为左对齐并用下划线,如 [ Value_______] 或 [___________]。导航层级用 2 空格缩进,> 表示折叠组,v 表示展开组,:: 表示活动项,- 表示非活动项。

常见组件:按钮、输入框、复选框 [x]、单选 ( )、下拉 [ Select (v) ],导航组、活动项、卡片与容器边框。

使用方式:按固定宽度网格手工绘制,逐行补齐空白保证右侧边框对齐;按钮文本居中,输入框文本左对齐;嵌套导航按缩进与符号区分状态。完整组件参考见 components.md。

限制与注意:最右侧 | 必须垂直对齐,需手动补齐空白;输入框不要居中,只有按钮居中;主网格只使用 +、-、|,避免混用其他边框字符;每行必须有足够空白到达边框。资料未提供平台依赖、安装方式、收费或价格信息。