SuperAPI AI 工具集

rough-cut-design

设计与创作

查看项目

更新于 10-15 23:47

技能介绍

用途:为 Rough Cut(本地优先、基于转写文本的视频编辑器)生成符合品牌的界面与资产,可用于生产代码、一次性原型或视觉产物。使用时先阅读技能内 README.md,将 ui_kits/editor/ 视为完整编辑器界面的准确来源,preview/ 作为基础组件与令牌参考卡,并按需查看 colors_and_type.css 与 assets/。

主要能力与设计规则:设计系统为轻、文学化、未来感。转写区用微暖近白纸色,界面外壳用微冷近白画布色;展示字体用 DM Serif Display,所有 UI 标签与数据用 JetBrains Mono,不引入通用无衬线字体。强调色为朱红(编辑者的笔)。视觉规则:用细线而非装饰性阴影,圆角最大 2–4px;朱红用于保留动作与活动段落/素材状态,群青用于 agent 及 agent 专属动作。文案规则:句首大写,不用 emoji 和感叹号,动词承担表达;状态标签形如 key: value,dock 状态可形如 agent · listening,agent 只叫 agent,不给它个人专名。图标用 ui_kits/editor/icons.jsx 的 Lucide 风格,1.5px 描边与方形线帽。

核心概念:两个名词、两种粒度——passage(段落,手稿中的文字层)与 footage(视频文件,cut 是有序的 footage 列表,每个仅播放其保留下来的 passage)。段落状态为 keep、skip、active。没有单独的 clip 或 source 概念,也没有单独的 agent 审查界面;agent 讨论位于 dock,编辑通过项目模型应用。

用法:创建视觉产物时,复制资产并生成静态 HTML 供用户查看,始终链接 colors_and_type.css 或内联其 :root 块。用于生产代码时,同样复制资产、从 colors_and_type.css 取令牌,将 ui_kits/editor/ 作为规范组件模式参考;该 UI Kit 仍是原型代码而非生产代码。若用户只调用技能而无其他说明,应先询问:是产品界面还是营销/文档界面;是否出现转写即散文的隐喻,还是更偏外壳(如设置、项目列表、登录);要静态设计还是交互原型;涉及哪些 Rough Cut 概念(footages、passages、agent、render、transcribe)。

限制:资料未给出安装命令、收费、价格、平台兼容性或效果数据,暂未提供。