Editable Design

技升没有运行过它。预览图来自项目本身,介绍根据项目的说明文件编写。

开源

Editable Design

海报、活动图和以文字为主的设计都由真实图层组成,文字和图片随时能改。

安装

只取技能

git clone --depth 1 --filter=blob:none --sparse \
https://github.com/yejy53/Editable-Design.git
cd Editable-Design
git sparse-checkout set skills/editable-design

安装到 Codex

mkdir -p ~/.codex/skills
cp -R skills/editable-design ~/.codex/skills/
npm ci --prefix ~/.codex/skills/editable-design/scripts
~/.codex/skills/editable-design/scripts/install-font-kit.sh
~/.codex/skills/editable-design/scripts/doctor.sh

命令逐字摘自项目的说明文件,运行前请先读一遍。

为什么选它

它的中文海报有美术指导的味道,层次清楚而且克制,每张交付的都是还能改的图层。

为什么有它

生成的海报是一张扁平的图,改个日期就要全部重来。

你会得到什么

由 HTML 图层组成的海报,带可视化编辑器和下载。

怎么用

  1. 安装到 Codex。
  2. 描述你想要的画面。
  3. 在编辑器里改文字、字体和位置。

需要什么

Codex、Node.js 和一个浏览器。

一句话总结

海报既要有设计感、又要容易修改时,选它。

值得留意

为 Codex 而做,其他 Agent 要自己适配。图库里有论文图表案例,其内容有各自的条款。有生图工具时效果最好,没有时可以用实时元素重建。