OriginAIProduct specs for Claude Code, Cursor, and Codex

画布操作与状态呈现

在正式发布版本之前,通过可视化画布深度审视产品各界面的渲染效果、交互分支与全量状态。

可视化画布将你的 RPML 规格定义实时编译并渲染为真实交互界面,使你能够直观地*“看见”*产品形态,而不再局限于阅读抽象的代码或散文描述。在冻结发布 Release 之前,建议始终借助画布来确认界面布局、组件结构及各分支状态是否完全契合产品构想。

开始体验前,请在工作台中打开一个至少包含一个可渲染 RPML 页面文件的项目。

页面走查与审阅流程

  1. 在工作台中打开目标项目。
  2. 在左侧文件树中点击选择任意页面文件——画布区域将实时渲染出该页面的高保真原型。
  3. 逐步走查规格中所建模的关键交互状态与界面变体:包括无数据时的空状态(Empty State)、数据拉取中的加载状态(Loading)、表单报错与网络异常分支,以及不同角色的权限受限变体等。
  4. 记录发现的任何布局缺漏或业务逻辑偏差,你可以直接在代码编辑器中修改对应 RPML,亦可呼叫应用内内置 Agent进行定向调优。
  5. 调整完毕后在画布上再次复核,确认所有状态完备无误后再执行发布 Release 版本

为什么可视化走查至关重要

  • 核心业务流程以具体直观的页面状态并排呈现,彻底摆脱被深埋在海量对话历史中的隐性黑盒。
  • 当发现产品缺陷或规则冲突时,你可以将团队成员或外部 Agent 精确引导至特定的页面规格文件进行针对性修复,沟通极度确定高效。

常见排查与处理建议

现象原因分析与应对方式
画布呈现完全空白当前选中的文件可能是纯文档模式文件(例如以 mode="doc" 声明的 README.rpml,其专用于描述产品大图景而非单一屏幕),或者文件中包含语法不合法的 RPML 标签。请校验语法结构,或切换至具体的业务页面文件。
原型视觉效果与像素级设计稿有所不同这是完全符合预期的正常现象。OriginAI 规格着重于深度沉淀用于指导工程实现的结构化产品上下文(涵盖状态、权限、交互与规则约束),其定位并非追求视觉装饰的纯像素级 UI 设计工具。

相关内容

On this page