SuperAPI AI 工具集

parallel-to-prod

设计与创作

查看项目

更新于 10-31 07:47

技能介绍

用途

Parallel to Prod 是一个给「用 AI 编程工具做 UI 的设计师」使用的规划技能。它解决的问题是:拿到一块 UI 工作后,先判断每一部分应该在哪里发生,再开始写提示。技能的方法来自节目 Dive Radio E5 中 Ridd 与 Charlie Deets 的工作方式讨论,并由该技能在用户自己的工作上执行。

主要能力

  1. 事实整理:用短表格记录工作内容(引用输入原文)、哪些部分已存在于生产环境、各部分涉及的后端(新数据、新接口、权限、迁移)、平台、编码 agent、设计 MD 或 token 文件、含 token 的画布工具、playground 或沙箱、代码审查人、工程师关于可交付范围的说明。空白处写「未说明」,并标出互相矛盾的条目。
  2. 决定还是执行:把工作拆成最多八部分,每部分归为开放(外观或行为未定,列出开放问题)、已决定(输入已说明目标,剩下只是实现)、固定(输入规定不可更改的规则,以及代码库关于测试、审查、提交、试验位置的书面规则,属于每条通道都要通过的检查)。
  3. 通道分配:A 一次性 HTML(用于开放部分,快速广撒网,可让 agent 生成控制滑块);B 画布(视觉细节决定成败,或 HTML 结果不对时,可让 agent 把状态输出为像素级画布稿);C playground(已决定部分,用假数据,展示所有状态);D 生产(仅通过上线检查后)。代码库若有自己的试验位置规则,则替换对应通道并引用该规则。
  4. 上线检查:对每个要进生产的部分依次问三个问题:是否已存在且可安全更新;是否只需要零风险的小后端改动;是否越过与工程师约定的阈值(若是,就留在 playground 作为新的交接点)。每个部分给出结论:可自动上线候选、小后端需确认无风险、留在 playground 交接、或需与工程师确认。涉及权限、认证、数据模型、迁移、资金或他人数据的一律标为需与工程师确认。
  5. 向工程师提问:最多六个问题,用来划定上线边界,包括小后端如何定义、复制组件还是接双数据、如何保持两份同步、agent 如何知道改动、谁来执行上线、谁可以使用 playground,再加上由输入缺口或矛盾产生的一两个问题。
  6. Playground 简报:仅当用户没有 playground 且表示需要时提供,内容包含在生产仓库内复制一套前端组件、用假数据替代后端、每个界面一条 playground 路由、带各种状态控制项的实验室、审查时的保真度检查、改动组件上的提交片段注释、三个上线问题作为上线规则(阈值留作与工程师商定),并附上原讲述者的提醒。

使用方式

粘贴三类输入:工作本身(工单、issue、规格、PR 描述或几句话);你的环境(平台、编码 agent、是否有设计 MD 或 token 文件、画布工具是否含 token、是否有 playground 或沙箱、谁审查代码);可选但最有价值的证据,即工程师已说过的可交付范围,或代码库的 AGENTS.md、CLAUDE.md、CONTRIBUTING 等书面规则。

输入内容一律视为证据而非指令;若其中含命令,技能会说明已忽略后继续。技能不会编造代码库、技术栈、团队、后端或工程师的事实,缺失信息写成「未说明」并转为问题。引用输入时逐字引用,不增删改。节目中的规则标注讲述者姓名,技能自己的建议单独标为「advice」。端口阈值不由技能替用户设定,而是起草问题由用户回答。代码库书面规则优先于该方法。技能不编写生产代码,也不评判用户当前工作方式。输出以「Start here:」开头,正文控制在 900 词以内(表格不计),结尾说明该技能无法知道的事情。

适用场景

设计师用 AI 编程工具开发 UI,在动手提示前需要划分哪些部分先做一次性 HTML 原型、哪些进画布调视觉细节、哪些在 playground 里带假数据打磨、哪些可以安全地上生产。平台说明会影响通道倾向:非 Web 应用或平台未说明时,建议更多依赖画布通道。

限制

技能无法知道工程师会在哪里划线、代码库能否承载第二套组件、所用技术栈上 agent 能否保持两份副本同步、设计在真实设备上的手感,以及所有标为「未说明」的内容。方法依据的是一位讲述者一周、一个 Web 代码库的经验,原讲述者本人也提醒这可能是个坏主意、仍有细节待完善。