AI AGENT SKILL

peng-
image-cards

竖屏内容卡片生成器
12 风格 × 8 布局 × 3 配色

HTML+CSS 无后端
WHAT

什么是
peng-image-cards?

继承
baoyu-image-cards 的 12 风格 × 8 布局 × 3 配色系统
输出
单文件 HTML,浏览器打开即可预览和截图
场景
公众号排版、邮件营销、个人主页、社交媒体
优势
无后端依赖、可嵌入网页、文本可选可复制
STYLES

12 种视觉风格

每个风格定义完整的配色、字体和装饰

01
cute · 甜美少女
粉白基调、圆角柔光、少女感
02
notion · 知识卡片
手绘线条、灰度基调、知识分子风
03
chalkboard · 黑板教学
深色底、粉笔文字、课堂感
04
study-notes · 学习笔记
蓝笔+红批注+黄荧光笔、真实笔记风
05
+7 more
fresh / warm / bold / minimal / retro / pop / sketch-notes
LAYOUTS

8 种信息布局

sparse · 封面模式
居中大标题,适合封面和结尾页
balanced · 标准网格
2×2 排列,适合 3-4 个要点
list · 编号列表
排名、清单、步骤指引
flow · 时间线
竖排步骤,连接线串联
comparison · 左右对比
双栏并置,中轴分隔
VS

与 baoyu-image-cards 对比

baoyu-image-cards
逐张 AI 生图
输出 PNG 图片
需要后端 API
图片不可编辑文字
peng-image-cards
直接生成 HTML
单文件,浏览器预览
零后端依赖
文字可选可复制可搜索