你会得到
- 符合开放格式的 DESIGN.md,前置元数据中是令牌,正文是书面指引
- tokens.json(W3C 设计令牌)和带浅色与深色主题的 tokens.css
- 转为轮廓的 SVG 字标、符号、组合标、反白版和单色版
- 一张单页品牌板,提供离线 HTML 和 PDF,含 4 到 6 个样机
- 一页三方向情绪板,供你选择
适合
- 一次会话内为新产品、小店或副业项目建立视觉身份
- 编写 DESIGN.md,让编程 Agent 不再生成千篇一律的界面
- 把现有的主题文件变成有文档、经过对比度检查的系统
- 用于提案或首次客户会面的可信品牌板
不适合
- 商标查重:它会避开近似的形象,但不检索商标库
- 吉祥物或完整的插画系统
- 需要逐行对照严格既有品牌手册的项目
怎么用
在 Claude 或 ChatGPT 里
用 PopNow 的技能「品牌套件与 DESIGN.md 生成器」(brand-kit-design-md)帮我做这件事:为 Lumen Notes 做品牌套件,它是一款面向深夜工作研究人员的沉静笔记应用。温暖而略带机智,绝不做又一个紫色 AI 应用。目前还没有 logo。
在编程 Agent 里
/popnow-brand-kit-design-md 为 Lumen Notes 做品牌套件,它是一款面向深夜工作研究人员的沉静笔记应用。温暖而略带机智,绝不做又一个紫色 AI 应用。目前还没有 logo。
接着试试
选方向 A,但标签颜色借用方向 B 的绿色。
目前只做精简版:色板、字体和语气,不要图片版权。
需要准备
- 关于产品、受众和个性的几句话
- 你不想与之相似的竞品,如果知道它们的主色也请一并提供
- 任何你想保留的 logo、颜色或字体
- Python 3 和 Chrome;转换轮廓字标需要 fonttools
类似技能
查看全部 →黑白影棚人像
+3把一张日常照片变成沉静的黑白影棚人像,同时依然像你本人。
博客文章插图套装
+3为一篇文章配的三张风格统一的插图,每张都准确呈现其所在段落的实际内容。
汽车剖面解剖海报
+3一辆通用汽车的侧视剖面图:颜色区分各个系统,配编号标记和圆形放大窗。
黑板风信息图制作
+316:9 的黑板风信息图,文字简短精确,配粉笔画,阅读路径清晰。
电影分镜画面
+3同一场戏的三张分镜接触表,每张是一种不同的拍法,并保持连贯性。
统一风格概念美术套件
+3一个角色、一件道具和一个场景,明显属于同一个虚构世界。
可爱蜡笔涂鸦画
+3白纸上笨拙又可爱的蜡笔角色:抖动的线条、涂抹的填色、清晰的文件和贴纸式抠图。
编辑风线条插画
+3留白充足的黑墨插画,配一种强调色,适用于博客头图、电子报和社交卡片。
雕版风文章封面
+3每篇文章一幅超现实的黑墨雕版画:交叉排线,满幅铺陈,把它的核心观点呈现为一个场景。
电动车平台爆炸图
+3一辆电动车逐层拆开:电池、电机、座舱和车身都带颜色,并配有标注。
产品爆炸图海报
+3产品的干净爆炸图主视觉,部件标签精确取自你的规格表。
奇幻地图生成器
+3你自己世界的羊皮纸、图集或黑线地图,每个地名都标注正确,网格对得齐。
地方美食风味地图
+3平静的彩绘地图,每个地区配一张小型风味图表,共用一个量表,图例坦诚。
插画城市地图制作
+3一片街区或小镇的手绘风地图,该准确的地方准确,标注精确。
墨线速写分镜
+3由一个短故事生成的粗犷黑墨分镜页:开放式线条,留白充足,每格一个节拍。
线稿 OG 图片生成
+3平静的链接预览图:米白卡片、简短的黑色标题,以及一个手绘墨线角色。
海洋生物学研究海报
+3一张宽幅研究海报,中央是绘制的栖息地剖面,带编号的物种和研究结果图表。
手机样机生成器
+3你的应用放在一台三维折叠手机上,在柔和的背景中打开,输出为清晰的 PNG 静态图或折叠短片。
摄影构图研究
+3同一主题的三种摄影表现,每种都基于不同的构图原则。
速写笔记图片生成器
+3把文章或笔记变成一张手绘 4:3 速写笔记,标签精确并经过检查。
社交封面与缩略图生成器
+3输入一条信息,输出一组经过检查的 OG 图片、帖子封面和视频缩略图,每个尺寸都精确。
常见问题
什么是 DESIGN.md,谁会读它?
它是纯文本的设计系统:顶部是 YAML 令牌,下面是书面指引。编程和设计 Agent 会读取它,以保持颜色、字体和间距的一致。本技能按其他工具可以检查和导出的开放格式编写,并在同一个额外键下加入标志文件、字体许可、对比度配对和语气示例。
颜色真的符合无障碍要求吗?
你会用到的每一组文字与背景配对都会被声明,并由脚本按 WCAG 2.2 检查,包括深色模式。不达标的配对会换成色相相同、最接近且达标的颜色,对比度数值向下取整,所以通过的一定是真的通过。
标志是 AI 生成的图片吗?
不是。字标由开放许可字体转为轮廓,符号则由几个干净的 SVG 图形绘制。PopNow 的草图可以启发符号设计,但位图绝不会作为标志交付,检查工具也会拒绝位图标志。
它如何避免看起来像某个竞争对手?
你需要列出要避开的品牌,包括它们的颜色和标志描述。检查会标记重复其配色的色板,提示词从不点名这些品牌,并在绘制符号之前将其与对方标志比对。它不是法律意义上的商标检索。

