记录多个界面状态
保存不同屏宽下的页面、可见文字、布局尺寸与控件展开状态,为重建说明补上单张截图遗漏的细节。
Craft Anything 从获准研究的软件采集界面与行为证据,把任务交给编程 Agent,再将新的实现与参考对象逐项比较。
提供有权使用的界面截图和交互说明,参考 Craft Anything 将观察与对照结合的做法,整理编程 Agent 可以逐项验证的任务。
请求可预览和复制,不会从此处自动发送。
参考来源: Craft Anything https://github.com/storytold/craft-anything 先阅读原始说明并核对当前环境与依赖。需要安装或连接新工具时,先提出方案。 我的任务: 参考 Craft Anything 的洁净室与对照流程,用我们价格页的桌面、平板和手机截图写一份改版任务书。记录可观察行为,指定使用自有素材,为菜单展开和月付/年付切换列出验收项,并区分假设与证据。 期望交付: 一份响应式原型任务书,含证据清单、素材边界和逐状态验收表。
一张截图只记录某一刻的界面,无法说明窄屏怎样排版、菜单怎样展开,或导入失败后出现什么。Craft Anything 是早期 Alpha 的 Rust 项目,将观察记录、新实现和对照结果放在同一项目里。桌面应用、CLI 和 MCP 共用底层引擎。
默认的洁净室模式从可见行为取证,例如截图、文字、间距和展开的菜单。Deep 模式可以进一步查看文件或代码等内部信息,前提是你有权查看。模式本身不会隔离操作系统,编程 Agent 仍使用自己的读写和执行权限。
在 Floatboat 里构建类似工作流时,可以把观察记录整理成任务书和验收项。选用有权使用的素材和交互,将参考资料与生成文件分开,逐条标明哪些差异要修、哪些可以保留。
项目目录分别保存观察记录、新实现和对照结果。遇到界面差异时,可以回到原始截图、布局尺寸或交互状态,决定是修正实现还是保留设计调整。
保存不同屏宽下的页面、可见文字、布局尺寸与控件展开状态,为重建说明补上单张截图遗漏的细节。
提供任务说明和目标技术栈,由本机编程 Agent 生成项目。上游首先支持 Claude Code。
检查各屏宽下的结果与原参考之间还有哪些差异,再决定需要修改的交互或布局。
从获准研究的参考对象里选出关键行为,例如窄屏菜单或导入错误。交接时把实际观察、可自行决定的设计细节和验收动作分别记录。
采集桌面、平板和手机布局,另外记录导航折叠后的状态。重建时使用自己的文案和素材,交付前检查三种屏宽下的溢出、元素顺序和菜单操作。
在获准使用的副本中,观察导入正常文件、空文件和失败后的界面变化。把这些现象转成替代工具的验收用例,同时标出没有复现的行为。
选取有权研究的移动或计分循环,用自己的美术和关卡表达。交付一个可运行的演示和可重复的玩法检查,将仍有差异的地方单独列出。
看过对照结果后,先确认哪些变化是有意保留的,再把其余差异拆成可复测的小任务。复查受影响的屏幕或状态,让后续审阅有据可查。
先准备获准检查的目标和独立项目目录,再核对平台发行版、编程 Agent 与所需的对照工具。只研究界面时,可以先把范围限制在可见证据。
明确允许记录的范围,并列出需要另行授权的素材、文案或品牌元素。
按上游状态说明核对后端。Claude Code 使用自己的本机安装与登录。
选择有代表性的屏幕或状态,先写清比较方法。早期 Alpha 对不同目标和工具的覆盖程度有差异。
比较这些项目的用途、运行条件和源码许可。