SuperAPI AI 工具集

astrale-frontend-design

前端与建站

查看项目

更新于 10-15 17:20

技能介绍

用途:为 Astrale GUI 中嵌入的 Domain Views 设计并实现聚焦的产品界面,而非落地页。Domain 继承宿主外壳,不应添加 hero、大型展示区、冗余页头或有用内容前的空白。需与 astrale-domain View 指南配合使用,复用宿主视觉语言与项目既有基础组件,除非任务另有方向。

主要能力:先规划信息架构,明确用户主任务、主要与子区块、逻辑关联、相对重要性、信息归组及每个子区块的父级;让布局、顺序、间距和视觉权重由信息架构与任务优先级驱动,状态和控件靠近其影响的内容。保持界面克制,避免 AI 感美学,不把每个元素做成卡片、无分组需求地嵌套容器或悬停抬升卡片;悬停仅用于澄清交互,并为键盘和触屏提供同等清晰度。偏好少量强区域、清晰层级、紧凑间距和一致控件,默认不加装饰性渐变、胶囊、超大指标、动画或装饰文案。禁用奶油或米白背景、标题斜体强调词、01/02/03 编号标签、等宽标签和胶囊按钮。

交互状态:建模初始、加载、空、就绪、提交中、成功、失败、未授权和禁用状态。加载应显示在实际等待的范围,避免一个动作多个加载器;防止重复提交,失败时保留输入,反馈靠近受影响控件。创建需明确成功并将结果插入预期位置;删除需区分可逆移除与破坏性删除,仅在后果值得打断时确认。可预测时用乐观列表更新,失败回滚并显示失败,与 Kernel 已提交状态对账。下拉在外部点击或 Escape 时关闭,支持键盘导航、暴露选中项并在适当时返回焦点。长标签和值需纳入布局测试,必要时换行,固定空间才截断并提供完整值访问,文本不得覆盖相邻操作。对话框、菜单、表单和行内操作需键盘可用,使用可见焦点、语义控件、正确关联标签和无障碍状态或错误播报;悬停、禁用、待处理、成功和错误状态不能仅靠颜色区分。

文本精简:只保留帮助理解状态、决策或行动的文字,保留必要标签、反馈和无障碍文本,删除介绍、重复、显而易见帮助、装饰文案及仅复述标题或控件的描述。实现后做专门精简检查,逐条阅读可见字符串,除非界面更难理解、决策或操作,否则删除。

验证:用代表性、空、长、加载和失败数据走真实任务流,检查创建、删除、回滚、外部点击与 Escape、键盘顺序、窄布局和可见反馈,再整体审查并移除冗余卡片、效果、文案和有用内容前的空白。

限制:资料未提供具体安装命令、收费、价格、平台或效果数据。