SuperAPI AI 工具集

astrofy-sections

办公与效率

查看项目

更新于 10-16 03:49

技能介绍

用途:在 Astro 项目中创建可复用的页面区块(sections),每个区块承担单一职责,分离重复内容与复合操作,并保持页面定义的标题层级。

主要能力与要求:读取消费端区块、基础组件、类型化内容和 slot;若路径与示例不同,使用 .astrofy/config/paths.json 中定义的路径;应用在线文档 API 前,先核对 lockfile 与 node_modules 中的已安装版本。为区块声明目标与输入,复用项目已有按钮和卡片;复合操作用 slot,并列数据用类型化数据;记录实际使用的宽度与状态。

推荐流程:界定区块的视觉职责与内容;按结构区域声明 props 与 slot;使用已有 token 与基础组件;测试 slot 缺失、长文本、图片缺失与窄视口;在完整文档中检查语义与标题层级责任人;用两个实例排查共享 ID 与监听器;区分预期的空列表与必填数据故障,并检查窄容器内的组合(即使桌面视口)。

修改已有实现:从真实消费端抽取区块,在添加变体前先用不同内容验证第二个使用场景。

验证:同一页面两个 FAQ 不得重复 ID;锚点链接须到达正确问题并保持焦点可见;区块应能在多个消费端工作,不出现冲突 flag,也不虚构机构内容。可运行 astrofy check --category components 进行检查。

限制:资料未提供具体安装方式、API 细节、收费与平台信息。