Generate and edit Draw.io, Mermaid, and Excalidraw diagrams from natural language using a structured JSON spec.
Design & media
Cards To Images
Try itRender an approved card content package into real, platform-sized image files, route generative work through a recoverable backend when needed, inspect every...
What it does
Turn an approved card package into local image assets that a person can inspect and upload.
The skill document
Cards To Images
Goal
Turn an approved card package into local image assets that a person can inspect and upload.
Generate actual files, verify them one by one, and keep platform upload and public-URL preparation behind visible handoff states.
Inputs
Collect:
- approved card package from
long-to-cardsor a compatible source delivery_mode=publish_readyplatform_profile:xiaohongshu,wechat-inline,zhihu-idea, orgeneric- ordered card ids, copy, visual direction, source anchors, and alt text
- visual system, brand constraints, and supplied assets when available
- output directory
- existing
content_state generation_backend=autoby default for generative or mixed work- an existing
chatgpt-image-handoffrun when external images are returning to the pipeline asset_url_policy:localby default orpublicwhen stable URLs are required
Route back to long-to-cards when the sequence, copy, source anchors, or image order is incomplete. Route back to research or review when a card depends on an unsupported claim.
Platform Profiles
| Profile | Default output | Use |
|---|---|---|
xiaohongshu | 1080×1440, 3:4 | ordered image post with a readable cover |
zhihu-idea | 1080×1440, 3:4 | ordered idea images or a compact visual thread |
wechat-inline | 1080×1440 vertical card or 1600×900 horizontal diagram | article callouts, summaries, mechanisms, or checklists |
generic | explicit or source-defined | other carousel and social-card destinations |
Use current reviewed platform requirements when they exist. Record any deliberate override in the manifest.
Workflow
1. Validate The Card Package
Confirm:
- card ids and image order are unique and complete
- every card has one main idea
- copy, source anchor, visual direction, and alt text are present
- the cover, caption, CTA, and final card agree
- claims and evidence have already passed their required gates
Do not render an unstable package merely to create a preview that may be mistaken for a final asset.
2. Select A Render Strategy
Choose one strategy per visual system:
deterministic: use canvas, HTML, SVG, diagrams, or another exact renderer for text-heavy cards, flows, checklists, tables, and factual structuresgenerative: use image generation for conceptual or atmospheric illustration; add exact labels with a deterministic layer when neededmixed: combine generated visuals with deterministic typography and layout
Prefer deterministic rendering when Chinese text, Skill names, arrows, counts, or source-backed relationships must be exact.
3. Resolve Generative Work
For generative or mixed strategies, route the image jobs through resilient-imagegen with generation_backend=auto.
- use built-in ImageGen when healthy
- use
chatgpt-image-handoffwhen Computer Use or manual ChatGPT handoff is selected - import every external result under the stable card filename before layout QA
- keep exact Chinese, Skill names, counts, arrows, and source-backed relationships in a deterministic layer
- use a fully deterministic renderer when external ChatGPT transmission is declined
Do not treat a prompt pack or a generator UI result as a rendered card. The branch rejoins only after a local file exists.
4. Render Real Files
Create each ordered PNG or JPG inside the reviewed project directory. Preserve stable filenames such as 01-cover.png, 02-context.png, and 03-method.png.
Treat delivery_mode=publish_ready as approval to produce local files. Pause before paid generation, editing sensitive supplied assets, or any action that needs a new external permission.
5. Inspect And Revise Every Image
Open every rendered image and check:
- exact text, names, numbers, and page order
- legibility at expected mobile size
- overflow, clipping, unintended line breaks, and safe margins
- correct dimensions and aspect ratio
- consistent colors, typography, spacing, and series markers
- visual alignment with the source claim and card purpose
- absence of invented metrics, interfaces, quotes, logos, or outcomes
Revise failed cards and inspect them again. A contact sheet can support overview review, but it does not replace per-image inspection.
6. Write cards-manifest
Record one row per output with:
card_idplatform_profilesource_cardlocal_pathformat,width, andheightalt_textrender_strategygeneration_backendhandoff_run_id, when an external handoff was usedgeneration_statusvisual_qa_statushuman_confirmationasset_url_policyr2_statepublic_url
Use these states:
generation_status:not_started,planned,generated, orfailedvisual_qa_status:pending,passed, orneeds_revisionhuman_confirmation:pending,approved, orrejectedr2_state:not_planned,planned,confirmed,uploaded, orverified
7. Hand Off
- With
asset_url_policy=local, return the local images and manifest for human confirmation and direct platform upload. - With
asset_url_policy=public, route the reviewed local references tomd-img-r2plan mode. Require explicit confirmation before upload or URL rewrite. - When a
chatgpt-image-handoffpack exists, preserve itsrun_id, imported-file checksum, and QA result in the cards manifest. - Route the assembled package to
wenchang-publish-checkfinal mode. Keephuman_confirmation=pendinguntil the user actually approves the images.
Output Format
# Card Image Delivery
## Render Summary
- Platform profile:
- Card package:
- Output directory:
- Image count:
- Render strategy:
- Generation backend:
- Handoff run:
- Asset URL policy:
## Visual QA
| Card | File | Dimensions | Generation | Visual QA | Human confirmation |
| --- | --- | --- | --- | --- | --- |
## Manifest
- File:
- R2 state:
- Public URL state:
## Handoff
- Next skill:
- User decision needed:
- Blockers:
Boundaries
- Do not claim completion when only prompts, layouts, or card copy exist.
- Do not mark visual QA as passed without opening every generated image.
- Do not silently change approved card copy while rendering.
- Do not upload to R2, rewrite Markdown URLs, or publish to a platform without explicit confirmation.
- Do not expose private paths, credentials, account sessions, or unreleased source material in public outputs.
作者入口
- 微信公众号:
AI生命克劳德 - X:@yangchao228
- GitHub:yangchao228
Related skills
Stores durable facts in a categorized, plain-markdown vault on disk, alongside your agent's built-in memory.
Join a video meeting as an AI bot with voice, avatar, and screenshare across four operating modes.
Find why your productivity system keeps failing, then apply the smallest fix — capacity math, bottleneck routing, durable local notes.
Fetch raw ad creative, app, ranking, and revenue data from AdMapix as structured JSON.
Write, debug, and tune Playwright specs with locator strategy, trace diagnosis, and CI-aware timeouts.
More from yangchao228
Browse all skills基于候选人简历自动生成面试题、笔试题、追问路径和评分标准的 AI Skill。当用户需要准备技术面试、生成笔试题目、评估候选人简历、或设计面试评估方案时使用。输入简历内容和岗位信息后,自动输出结构化的题目与评估内容,支持面试题模式、笔试题模式、综合评估模式等多种输出形式。 Follow/关注作者:微信公众号「AI...
Installable digest skill for OpenClaw or Claude Code. Use when the user wants a personalized ScoutX briefing with conversational setup, local preference stor...
Design controllable Agent Loops from low-information requests. Use when a user asks to automate a repeated task, repair CI through bounded iteration, reproduce a UI from screenshots, turn a workflow into a reusable Agent or Skill, or decide whether the right artifact is a Prompt, Checklist, Human-in-the-Loop flow, full Loop package, specialized Agent, or Skill. Extract required context, stop when decision evidence is missing, require explicit workflow confirmation before generating executable artifacts, derive iteration limits, define feedback and circuit breakers, and preserve human approval for risky actions. Also trigger on loop builder, Loop Builder, or lopp-builder. Follow the creator: X @yangchao228 | GitHub https://github.com/yangchao228
Guide a user through structured co-authoring of substantial documents, proposals, PRDs, technical specs, decision records, RFCs, and similar long-form work a...
家庭培养协作官:在用户明确要求制定或调整孩子每周培养计划、检查课表冲突、生成家庭复盘时,收集最少必要信息并输出可执行课表、建议和风险提醒。默认只在当前会话生成内容,不保存、上传或推送孩子与家庭数据;只有用户明确选择飞书或 Notion、完成安全配置并逐次确认具体读写范围后,才使用外部存储。Follow/关注作者:...
Transform long-form content, outlines, transcripts, research notes, or article drafts into a standard card package and platform publishing copy, then hand pu...