Communitygithub.com

digoal/blog

Turn a blog post, article, notes, or any source material into a set of vertical poster images — one cover plus several coherent content slides that explain the core points.

What is blog?

This skill transforms any textual source material (blog posts, articles, notes, or files) into a visually consistent set of vertical poster images. It automatically generates a cover slide (1.png) followed by content slides (2.png, 3.png, ... ) that logically break down and illustrate the core concepts. The output is rendered from HTML/CSS to exact-size (default 1080×1920) PNG images using a headless Chrome browser, ensuring pixel-perfect results suitable for social media platforms like WeChat public accounts (公众号), Xiaohongshu (小红书), or general blog carousels. It is particularly useful for creators and marketers who need professional-looking cover art, explanatory diagrams, or a cohesive poster series from existing written content. The skill is designed for AI coding assistants (such as Claude Code) that can execute shell commands and spawn headless Chrome instances, making it a practical tool for generating visual assets directly from text without manual design work.

Works with~Claude Code~Codex CLI~Cursor
npx skills add digoal/blog
View original→Browse all skills

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

What does blog do?

Turn a blog post, article, notes, or any source material into a set of vertical poster images — one cover plus several coherent content slides that explain the core points. Renders HTML/CSS to exact-size PNGs via headless Chrome. Use whenever the user wants cover art, explanatory diagrams/illustrations, carousel slides, cover images, poster series, or "content images" from an article/content/source/file, especially for blog, public accounts (公众号), Xiaohongshu (小红书), or social posts. Default output is 1080×1920 PNG named 1.png (cover), 2.png, 3.png … written to the current working directory.

Related Skills

steipete/video-frames

Extract frames or short clips from videos using ffmpeg.

community

steipete/summarize

Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.

community

openclaw/openclaw

Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.

community

obra/superpowers

Obra superpowers agent skills.

community

affaan-m/ECC

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...

community

affaan-m/everything-claude-code

End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.

community