cankun-blog-preview

Solid

Generate and integrate exactly one article preview image for cankun-blog by inferring one visual metaphor from a target MDX post, maintaining the Franklin Booth-inspired neutral-white series, updating the prompt manifest, creating the 2000×800 PNG original, running the repository optimizer for the 1400×560 WebP, wiring bilingual alt text and the full-resolution link, validating, and optionally publishing. Use when the user asks to add, make, generate, refresh, replace, or remake a preview, hero, or cover image for one existing or newly added cankun-blog article.

AI & Automation 2 stars 0 forks Updated today MIT

Install

View on GitHub

Quality Score: 78/100

Stars 20%
16
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Generate one Cankun blog preview Treat one article slug, including its English and Chinese MDX pair, as the complete transaction. Never turn a single-article request into an archive-wide regeneration. ## Preflight 1. Confirm the workspace is `cankun-blog` and contains: - `content/files/` - `content/preview-image-prompts.md` - `public/images/` - `scripts/optimize-previews.ts` 2. Resolve exactly one target slug. If the user did not name it, select it only when exactly one English MDX article lacks preview metadata; otherwise ask which article. 3. Inspect `git status` and preserve unrelated changes. 4. Check whether the target already has a preview PNG or WebP. Overwrite it only when the user explicitly asked to refresh, replace, remake, or restyle it; otherwise report the existing asset and stop. 5. Remember that `bun run previews` scans every `public/images/**/*-preview.png`. Check for unrelated stale sources before running it; stop and report a scope conflict if the command would regenerate another article's WebP. ## Read the sources of truth Read the target English article fully. Read its Chinese pair when present so the alternative text can be localized accurately. Read these repository-owned sources rather than copying their contents into this skill: - `content/preview-image-prompts.md` — current series contract and per-article prompts. - `public/images/shape-of-not-knowing/known-unknowns-preview.png` — visual style anchor. - `scripts/optimize-previews...

Details

Author
Wang-Cankun
Repository
Wang-Cankun/cankun-skills
Created
1 weeks ago
Last Updated
today
Language
JavaScript
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Solid

create-previews

Generate platform mockup previews showing how posts will look on each social platform.

22 Updated today
indranilbanerjee
AI & Automation Featured

blog-image

AI image generation and editing for blog content powered by Gemini via MCP. Claude acts as Creative Director - interpreting intent, selecting domain expertise, constructing optimized 6-component prompts (Subject + Action + Context + Composition + Lighting + Style), and orchestrating Gemini for blog-quality results. Generates hero images, inline illustrations, social preview cards, and OG images. Edits existing blog images. Supports 6 blog-optimized domain modes (Editorial, Product, Landscape, UI/Web, Infographic, Abstract). Works standalone via /blog image or internally from blog-write and blog-rewrite workflows. Falls back gracefully when MCP is not configured. Use when user says "blog image", "generate hero image", "blog illustration", "social card", "generate blog image", "edit blog image", "image generate", "blog cover image", "inline image", "OG image".

1,507 Updated 4 days ago
AgriciDaniel
AI & Automation Listed

thumbnail-machine

Generate ready-to-run thumbnail/cover image prompts from any article, script, or topic — 5 formats (16:9, 9:16, 1:1, 5:2, 3:4), 10 composition styles, real-person face consistency via multi-reference images. Three delivery paths chosen at the end: generate directly via MaxFusion AI MCP (default model Nano Banana Pro, fallback GPT Image 2), generate via the user's own image-API key, or prompts only. Use whenever the user wants a thumbnail, cover image, YouTube thumbnail, X article cover/header, Instagram cover, Reels/Shorts/TikTok cover, blog hero image, or says "make a thumbnail", "cover for this article", "thumbnail machine".

1 Updated 1 weeks ago
holy-templar