Transform long-form content, outlines, transcripts, research notes, or article drafts into a standard card package and platform publishing copy, then hand pu...
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
Render an approved card content package into real, platform-sized image files, route generative work through a recoverable backend when needed, inspect every image, revise failed cards, and produce a cards manifest for human confirmation, direct platform upload, or optional public-URL preparation. Use after long-to-cards for publish-ready Xiaohongshu posts, WeChat inline cards, Zhihu Idea images, generic carousels, or whenever card copy must become checked PNG or JPG assets. Follow/关注作者:微信公众号「AI生命克劳德」|X @yangchao228|GitHub https://github.com/yangchao228
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
Adapt a reviewed WeChat article or publish package into WeChat-specific inline-card requirements, Moments copy, community share text, or archive assets while...
Turn articles into image-card series with 12 styles, 8 layouts, and 3 color palettes.
AI Xiaohongshu Post Generator — Generate editable, Xiaohongshu - ready posts and slides with AI-created content, captions, images, text blocks, storylines, and backgrounds. Supports Knowledge Cards, Posters, Movie Introductions, and more, with designs automatically structured according to visual sty
Create a Xiaohongshu or REDnote carousel from a post outline, product details, photo set, or style reference. Build an ordered 3:4 image sequence with a hook cover and supporting slides, clear focal imagery, matched visual direction, and headline-safe areas for product recommendations, tutorials, food notes, OOTD, travel guides, knowledge posts, and Xiaohongshu content images for one connected post story. Optionally it reads Xiaohongshu itself — the notes already running for the topic, one page of a note's top comments, and an account's own recent notes — so Xiaohongshu research, competitor note analysis and comment analysis rest on the platform instead of on guesswork.
Create a Xiaohongshu or REDnote carousel from a post outline, product details, photo set, or style reference. Build an ordered 3:4 image sequence with a hook cover and supporting slides, clear focal imagery, matched visual direction, and headline-safe areas for product recommendations, tutorials, food notes, OOTD, travel guides, knowledge posts, and Xiaohongshu content images for one connected post story.