SuperAPI AI 工具集

tui-visual-design

设计与创作

查看项目

更新于 10-15 23:42

技能介绍

用途:当终端 UI 需要显得刻意设计、优雅、可读、达到生产级水准,而不仅是能用时使用本技能。它把终端设计视为在固定字符单元格、文本、留白、颜色、边框、字形、节奏与动效等严苛约束下的工艺。

主要能力:以信息架构为起点,决定用户首先注意什么、次要内容与按需隐藏内容;用单元格思考,让内边距、边框、滚动条和图标都物有所值;少而一致地使用处理手法,通常只保留一种边框语言、一套间距尺度、一套标题体系和语义化颜色角色;偏好平静默认值,高强度颜色、重边框、反色、动画和图标只用于突出状态变化或操作;让降级成为有意设计,保证无颜色、ASCII、窄宽度、浅色主题、远程 SSH 和屏幕阅读器友好模式仍可用。

内容覆盖:视觉层级与构图(按位置、间距、分组、文本标签、对齐、字重、颜色排序,不让颜色独自承担层级);排版与文本呈现(标题层级、粗体与暗色用法、对齐、截断与换行);边框与容器(全边框用于模态和重点区域,避免深层嵌套);颜色设计(语义角色优先、小调色板、明暗背景兼容、256 色与 16 色降采样、不单靠颜色表意);图表与数据可视化(水平条、迷你趋势图、进度条、表格、热力图与仪表盘密度);动画与动效(传达等待、进度、过渡或注意,避免每秒闪烁超过三次,SSH、CI、日志和减少动效场景下暂停或简化);图标与字形(可预测且可选,不强制 Nerd Fonts,提供 --ascii 或纯图标集);提示与交互元素(就近校验、显示默认值与破坏性后果、无颜色下仍可见的焦点指示、稳定选择菜单、确认对话框与通知)。

框架样式默认值:Ratatui、Textual、Bubble Tea + Lip Gloss、Rich、Ink、Terminal.Gui、Spectre.Console 各自给出组合布局、边框、换行、表格宽度、语义样式、主题变量与宽 Unicode 测试等建议。

限制与反模式:避免无语义系统的彩虹配色、每个控件都加粗边框、贴边小字、仅用颜色表示错误或选中、居中对齐表格或数字、无回退的 Nerd Fonts 图标、重绘快于数据变化的动画、只在 120 列可用的设计,以及忽略浅色主题、NO_COLOR、TERM=dumb 和非 TTY 输出。参考文件包括 layout-typography.md、color-design.md、borders-icons-prompts.md、charts-visualization.md、animation-motion.md、framework-styling.md。