CtrlK
BlogDocsLog inGet started
Tessl Logo

blog-cover-poster

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, 讲解图/配图, carousel slides, 封面图, poster series, or "content images" from an article/文章/素材/文件, especially for blog, 公众号, 小红书, or social posts. Default output is 1080×1920 PNG named 1.png (cover), 2.png, 3.png … written to the current working directory (the project the user is in) — never the source file's directory.

77

Quality

96%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

92%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A strong, executable skill body: the workflow is fully sequenced with real commands, an explicit inspect-and-re-render feedback loop, a verification checklist, and precise template-driven authoring guidance. Bundle files are correctly referenced one level deep and all exist. The only weakness is mild repetition of the output-directory rule, which costs a little token efficiency without harming clarity.

Suggestions

State the output-location rule once (e.g. in the render step) and drop the repetitions in the scratch-dir step, cleanup step, and Overview to save tokens.

Trim the Overview's rationale clause ("this gives precise control over Chinese/English typography, color semantics, and emphasis") since the mechanism is already implied by the pipeline description.

DimensionReasoningScore

Conciseness

The body is lean and skill-specific — no explanations of what HTML, Chrome, or PNG are, and dense non-obvious guidance ("at most ONE .hl per page", "do not shrink below the template sizes", ≤14 CJK chars per line). However, the output-location rule is repeated three times ("not in the source directory and not littering the project dir", "never the source file's directory", "The source directory is never touched") plus again in the Overview, which is a minor trim-able redundancy. Not a 5 ("every token earns its place") nor a 3 ("some unnecessary explanation").

4 / 5

Actionability

Copy-paste ready commands are given (mktemp scratch dir, cp of poster.css, `render.py --in "$WORK" --out "$PWD"` — the flags match the actual script), exact template paths, concrete CSS class semantics, and fixed pixel sizes. Specific layout options (Points / Paragraph / Big stat) cover the common content cases. Not a 4: there are no minor execution gaps.

5 / 5

Workflow Clarity

A six-step numbered workflow with explicit validation and a feedback loop: step 5 "Inspect every PNG with the Read tool… Fix the HTML in $WORK and re-render until clean", backed by a per-image verification checklist (exact size, clipping, one highlight chip, coherence, source-traceable claims). Cleanup is defined and the deliverable stated. This matches the top anchor (checklist + validate → fix → retry), not the 4 anchor with "minor validation gaps".

5 / 5

Progressive Disclosure

The body is a well-organized overview; bulk material is correctly pushed into the bundle — CSS and page templates in assets/, rendering logic in scripts/render.py — all referenced by exact one-level-deep paths that exist in the bundle, with clear signaling of what each file is for ("assets/template-cover.html → page-1.html"). Inline sections (emphasis rules, copywriting) are core guidance, not reference material that belongs in a separate file. Not a 4: no organization gaps are evident.

5 / 5

Total

19

/

20

Passed

Description

100%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

An excellent description: it states concrete inputs, actions, pipeline mechanism, and exact output format, and pairs them with an explicit "Use whenever…" trigger clause containing natural bilingual keywords and platform names. Every clause carries information; the output-location sentence is behavioral guidance rather than filler.

DimensionReasoningScore

Specificity

Multiple concrete actions are stated: "Turn a blog post, article, notes, or any source material into a set of vertical poster images — one cover plus several coherent content slides", "Renders HTML/CSS to exact-size PNGs via headless Chrome", with concrete output spec "1080×1920 PNG named 1.png (cover), 2.png, 3.png". Coverage is comprehensive across inputs, pipeline, and output. A 4 would require minor gaps; none are evident.

5 / 5

Completeness

Explicitly answers both what ("one cover plus several coherent content slides… renders HTML/CSS to exact-size PNGs via headless Chrome") and when ("Use whenever the user wants cover art… carousel slides… or social posts"). Both are concrete and explicit, matching the top anchor rather than the 4 anchor's "could be more specific" caveat.

5 / 5

Trigger Term Quality

Rich natural trigger terms users would actually say: "cover art", "carousel slides", "poster series", "content images", plus synonyms in Chinese (讲解图/配图, 封面图, 文章/素材/文件) and platform names (blog, 公众号, 小红书). This bilingual synonym coverage matches the 'comprehensive including synonyms' anchor; a 4 would leave common natural phrasings missing.

5 / 5

Distinctiveness Conflict Risk

Clear niche — vertical 1080×1920 poster/carousel generation for social platforms — with distinct triggers that are unlikely to fire for unrelated skills. Third-person voice is used ("Turn…", "Renders…"), consistent with the good examples; conflict risk is minimal.

5 / 5

Total

20

/

20

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
digoal/blog
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.