code-material-gen
代码生成配图素材。用 HTML/CSS + Playwright 渲染高质量中文配图。 不依赖任何AI图片API,100%代码生成,字体可控、像素精确、零成本。 Trigger: "代码生成素材", "配图生成", "素材生成", "code material", "render material".
Skill by CCO Ives
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/aaaaqwq-code-material-gen
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: frontend, backend, testing
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
- Runs as
- Python package
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/code-material-gen
What's inside
- Skill name
code-material-gen- Description
- 代码生成配图素材。用 HTML/CSS + Playwright 渲染高质量中文配图。 不依赖任何AI图片API,100%代码生成,字体可控、像素精确、零成本。 Trigger: "代码生成素材", "配图生成", "素材生成", "code material", "render material".
- License
- MIT
- Metadata
- type: production · author: CCO Ives · version: 1.0.0
- Instructions
- 89 lines in SKILL.md · view on GitHub
Before installing
- Ships executable scripts
Files (8)
- SKILL.md
- generate.py · scripts/
- 01-三阶段时间线.png · scripts/~/clawd/projects/MediaClaw/output/articles/2026-04-18/ai-quant-real-review/素材/
- 02-阶段数据对比.png · scripts/~/clawd/projects/MediaClaw/output/articles/2026-04-18/ai-quant-real-review/素材/
- 03-三个真实认知.png · scripts/~/clawd/projects/MediaClaw/output/articles/2026-04-18/ai-quant-real-review/素材/
- 04-五个实用建议.png · scripts/~/clawd/projects/MediaClaw/output/articles/2026-04-18/ai-quant-real-review/素材/
- 05-风控规则.png · scripts/~/clawd/projects/MediaClaw/output/articles/2026-04-18/ai-quant-real-review/素材/
- 06-金句.png · scripts/~/clawd/projects/MediaClaw/output/articles/2026-04-18/ai-quant-real-review/素材/
SKILL.md (first lines)
# code-material-gen — 代码生成配图素材 > 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) | ## 快速使用 ```bash 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)
From aAAaqwq/AGI-Super-Team, MIT.
More from aAAaqwq/AGI-Super-Team
- 0.734score
aigc-director
Lychee
AI 视频生成全流程:通过 6 个阶段(剧本→角色/场景设计→分镜→参考图→视频生成→后期剪辑)将用户想法转化为完整视频。支持临时工作台(单独调用 LLM、VLM、文生图、图生图、视频生成)。触发词:视频生成、AI视频、AIGC、创作视频、制作视频、AI画图。
SkillBFreshness: B★ 111Claude Code +9 - 0.729score
bazi-fortune
eamanc
八字四柱命理分析工具,属于 fortune-telling-skills 运势测算套件。基于子平真诠体系, 通过出生年月日时推算四柱八字、十神关系、五行旺衰、大运流年,揭示命局格局和人生走向。 排盘为确定性计算 + LLM 综合解读,无外部 API 依赖。…
SkillBFreshness: B★ 111Claude Code +9 - 0.728score
architecture-decision
jwynia
Evaluate architecture options, document trade-offs, and write decision records.
SkillBFreshness: B★ 111Claude Code +9 - 0.721score
daily-gzh-content
CCO Ives
公众号每日内容生产:选题→创作→素材生成→质量检查→保存→发布草稿
SkillBFreshness: B★ 111Claude Code +9 - 0.720score
douyin-publisher
Daniel Li
抖音图文/视频发布(OpenClaw Browser 自动化):登录检测→内容校验→上传页导航→填标题/正文→上传封面+素材→暂存离开。
SkillBFreshness: B★ 111Claude Code +9 - 0.694score
content-creator
Alireza Rezvani
Create SEO-optimized marketing content with consistent brand voice.
SkillBFreshness: B★ 111Claude Code +9 - 0.583score
binance-square
aAAaqwq
币安广场合约投机雷达 v5:以最近24小时专业交易帖为主要证据,回源核验帖子, 联合币安公共合约行情、4周期K线、布林带、ATR、量能和RR,生成可审计的本地影子报告。 触发词:币安广场、扫描币安、binance square、合约机会、交易信号雷达、4小时雷达
SkillAFreshness: A★ 111Claude Code +9 - 0.583score
daniel-auto-publish
aAAaqwq
通过用户自有的真实浏览器和 Computer Use,安全辅助抖音、小红书、快手、微信视频号、哔哩哔哩、YouTube、TikTok 与百家号的视频、图文或公众号文章发布。用于选择图文排版模板、生成并预览图片卡片或微信…
SkillAFreshness: A★ 111Claude Code +9 - 0.583score
5minbtc
aAAaqwq
BTC 5分钟K线实时方向预测 + 币安预测市场错价套利(paper)。v6.0 真OFI驱动: 方向由当前K线原生 in-candle OFI 净流一票决定(ofi_n=2*(tb/v)-1, REST klines[9] 聚合, 零WS依赖; WS ofi.json 做新鲜度反转保护与交叉校准)…
SkillAFreshness: A★ 111Claude Code +9 - 0.580score
daniel-writer
aAAaqwq
Daniel 的统一创作入口:按品牌、证据、声音和人机分工合同,完成选题、母故事、项目内容工作包、微信公众号、X、小红书、B站、知乎、抖音的起草改写与平台适配,并生成获批短视频脚本的本地制作交接和技术候选。适用于 AI、Agent、工具实测、教程、失败复盘、创作反思、图文卡片、口播分镜与跨平台内容生产。正式…
SkillAFreshness: A★ 111Claude Code +9 - 0.579score
daniel-self-media-top-mindset
aAAaqwq
将 Daniel 的利他、真实藏露、情绪纪律、需求聚焦与商业闭环心法应用到自媒体决策。凡涉及 Daniel 个人 IP 的定位、选题、写稿、脚本、封面、跨平台改编、发布规划、增长、变现或复盘时必须先使用;不用于保证爆款、虚构经历、泄露隐私或自动发布。
SkillAFreshness: A★ 111Claude Code +9 - 0.579score
coupling-analysis
aAAaqwq
改动前的耦合分析(Coupling Analysis / 防蝴蝶效应)——任何改动「共享参数、共享状态、 公共接口、全局常量、被多处引用的逻辑」之前,先画约束图,找出互斥约束与影响面, 再决定动手。触发场景:改参数/阈值/常量;改被多个模块调用的函数;改数据库 schema; 改 API…
SkillAFreshness: A★ 111Claude Code +9
Signals
- Stars
- 111
- Forks
- 25
- Open issues
- 1
- Last commit (this folder)
- Apr 25, 2026 (6 months ago)
- Last release
- Sep 20, 2026 (1 month ago)
From GitHub (fetched Oct 24, 2026).
Details
- Version
- 1.0.0
- License
- MIT
- Repository
- github.com/aAAaqwq/AGI-Super-Team
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from CCO Ives
Cite this page
code-material-gen skill. Agent Mart. https://agentmart.dev/skills/aaaaqwq-code-material-gen (last updated 2026-10-24)