SuperAPI AI 工具集

astrofy-page-design

设计与创作

查看项目

更新于 10-16 03:49

技能介绍

用途:依据真实内容与设计系统组合 Astro 页面,关注阅读顺序、层级、可读性和响应式行为。

主要能力:读取内容、路由目标、设计令牌、组件与现有截图;先定阅读顺序再排视觉网格;用设计系统的宽度与间距组织分区;在手机与桌面、窄宽度、缩放及超长内容下检查溢出与焦点;保留操作入口与完整文本的可访问性。

使用方式:若示例路径不符,使用 .astrofy/config/paths.json 中定义的路径;应用在线文档 API 前先核对 lockfile 与 node_modules 中的已安装版本。先搭建 landmark 与 h1,再定义样式或 islands;按令牌选择网格、间距与排版,不新建局部值;每次只改一个页面区域,并在相同内容、视口与主题下对比截图;用 astrofy check --category layout 做布局检查。

限制与说明:长标题不得因固定高度而消失,需检查 scrollWidth、换行与主按钮焦点;不全局隐藏溢出来掩盖原因;键盘、链接与交互状态需与外观分开验证。资料未提供具体收费、支持平台或安装命令等信息。