code-material-gen — 代码生成配图素材
SkillWeb & browsingThis skill lets your AI create illustration images by writing and rendering code instead of calling an image service. Each image is built from HTML and CSS, so fonts and layout come out exactly as specified. It is well suited for Chinese-language graphics and costs nothing to use.
Available today. Use it from your connected AI after setup.
No other account needed.
After adding it, describe the image you want and your AI will build and render it from code.
Then ask your AI: use the code-material-gen — 代码生成配图素材 skill
What your AI can do with it
- Create high-quality Chinese-language illustration images
- Turn HTML and CSS designs into finished images
- Control fonts and position elements with pixel-level precision
- Generate images without relying on any AI image service
- Produce graphics at zero cost
What this skill tells your AI
The instructions your AI receives, as published by aaaaqwq/agi-super-team in skills/code-material-gen/SKILL.md and read by ahel’s review.
HTML/CSS + Playwright 渲染，全中文手写字体，像素精确，零成本
定位
当素材需要全中文、手写字体、字迹清晰、可复现时使用。替代API生图方案（longform-visual-notes），不消耗任何API额度。
与其他skill的关系
| Skill | 关系 |
|---|---|
| longform-visual-notes | 互补：API生图 vs 代码生成 |
| content-cover-gen | 互补：封面场景可用code-material-gen |
| daily-gzh-content | 素材生成阶段调用 |
| daily-xhs-content | 小红书素材（比例改3:4） |
快速使用
python3 ~/clawd/skills/code-material-gen/scripts/generate.py \
--type list \
--title "三个核心建议" \
--items "建议一:先用Excel写规则" "建议二:手动执行30天" "建议三:追求稳定性" \
--font MaShanZheng \
--palette ink \
--size 1536x1024 \
--output /path/to/output.png
素材类型
| type | 用途 | items格式 |
|---|---|---|
timeline | 时间线/阶段图 | "阶段一:描述" "阶段二:描述" |
compare | 对比表格（表头第一项） | "指标|A|B" "胜率|59%|61%" |
list | 要点列表/编号卡片 | "标题:描述" |
quote | 金句/引用卡片 | "金句文字" "作者" |
cover | 文章封面 | "副标题" "标签1,标签2" |
chart | 数据展示（同list） | 同list |
手写字体
| 字体 | 风格 | 推荐场景 |
|---|---|---|
MaShanZheng | 马善政楷体 | ✅ 推荐，清晰有力，正文首选 |
ZCOOLKuaiLe | 站酷快乐体 | 圆润活泼，适合轻松内容 |
LiuJianMaoCao | 刘建毛草 | 草书风格，仅适合大标题 |
ZhiMangXing | 芝麻行书 | 行书风格，适合金句卡片 |
配色方案
| palette | 风格 | 适用 |
|---|---|---|
tech | 深色科技（深蓝底+亮蓝） | AI/科技/数据主题 |
warm | 暖色纸张（米色底+橙红） | 经验分享/生活类 |
ink | 水墨风（白底+红黑） | ✅ 推荐，文化感强 |
minimal | 极简白（白底+蓝） | 通用/商务 |
尺寸建议
| 平台 | 推荐 | 参数 |
|---|---|---|
| 公众号/抖音 | 16:9 | 1536x1024 |
| 小红书 | 3:4 | 1024x1365 |
| 封面 | 16:9 | 1920x1080 |
输出规范
- ✅ 全中文，无任何英文
- ✅ 手写字体，清晰可读
- ✅ 零成本，不消耗API
- ✅ 可复现，同样参数永远输出一样
- ✅ <1秒/张，批量生成极快
依赖
- Python 3 + Playwright（
pip install playwright） - 中文字体文件在
~/.fonts/chinese-handwriting/ - 无需网络，无需API key
更新日志
- v1.0.0 (2026-04-18): 初始版本
- 5种素材类型（timeline/compare/list/quote/cover）
- 4种手写字体（马善政/站酷快乐/刘建毛草/芝麻行书）
- 4种配色方案（tech/warm/ink/minimal）
Signals
- GitHub stars
- 92
- Forks
- 23
- Last commit
- Sep 2026
Advanced
- Catalog kind
- skill
- Gateway key
code-material-gen- Source
- github.com/aaaaqwq/agi-super-team