用途:为 Short Pipe 生成统一品牌的界面与素材,既可用于生产代码,也可用于幻灯片、模型稿、一次性原型等视觉制品。
主要能力与资源:技能内含 README.md(产品背景、内容原则、视觉基础、图标、清单);colors_and_type.css(颜色、字体、间距、圆角、阴影、动效等 token 的唯一来源,构建时须最先引入);fonts/(Google 托管的字体栈与回退);preview/(各基础与组件的样例卡片);ui_kits/short-pipe/(可交互产品复刻,组件可从 screens.jsx 提取)。
使用方式:先阅读本技能内的 README.md 并浏览其他文件。若制作视觉制品,将素材复制出来,生成静态 HTML 文件供用户查看;若处理生产代码,则复制素材并阅读规则以掌握该品牌的设计方法。若用户未给出明确指引,先询问其想构建或设计的内容并提出问题,再以专家设计师身份输出 HTML 制品或生产代码。
品牌风格:Short Pipe 是本地优先桌面应用,将长视频转为带字幕的竖屏短片,运行于用户自己的 Codex 订阅。整体呈现“纸与墨”:暖色新闻纸底(--paper)、暖近黑文字、唯一的朱红(#c7361f)强调色;DM Serif Display 标题、Newsreader 正文、Inter UI 与 JetBrains Mono 机器文本。句首大写;破折号用带空格的连字符;永不用 emoji;公开说明隐私。以边框主导的界面、暖色低阴影、单一缓动曲线,淡入淡出不回弹(唯一弹性动画仅存在于渲染字幕内部)。不确定时,比设想更冷静、更编辑化。
限制:资料未提供价格、平台、收费等更多信息。