blog-banner SKILL.md skillA

blog-banner from infinite-system/ivue is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add infinite-system/ivue/blog-banner@git:20260814.ac3d0bd

Pins git:20260814.ac3d0bd in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
infinite-system/ivue
Path
.claude/skills/blog-banner/SKILL.md
Versions recorded
4
Latest version
git:20260814.ac3d0bd, committed Aug 14, 2026
First version recorded
Jul 23, 2026
Size
4,712 bytes
Repository stars
13
License
MIT

Use when a docs_v2 blog post needs its 1200x630 banner image — compose an in-brand HTML file in this skill's banners/ directory and render it deterministically with npm run render:banner. Covers the design language, the pipeline, and the verification loop.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# blog-banner — deterministic banners for ivue.dev blog posts

Banners are **code, not paintings**: an HTML/CSS composition rendered
by headless Chromium at exactly 1200×630. Same input → same PNG. No
image model is involved; the source is the artifact.

## Where things live

- **Source of truth**: `.claude/skills/blog-banner/banners/<slug>.html`
  — one file per post, named exactly after the post's slug.
- **Rendered output**: `docs_v2/public/blog/<slug>.png` (referenced by
  the post's `![...](/blog/<slug>.png)` and the index card).
- **Renderer**: `docs_v2/scripts/brand-image-generator.mjs` `blog`
  mode, wrapped as an npm script.

## The pipeline

```bash
npm run render:banner -- \
  .claude/skills/blog-banner/banners/<slug>.html \
  docs_v2/public/blog/<slug>.png
```

The generator waits for fonts and images before screenshotting, so the
render is stable. NEVER hand-run playwright inline for a banner —
the npm script is the reproducibility contract. Commit the HTML source
together with the PNG; a banner whose source is lost cannot be
edited, only replaced.

## Design language (keep banners recognizably one family)
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add infinite-system/ivue/blog-banner@sha256:2ff0089a552a18bb

The line at the top of this page pins the label git:20260814.ac3d0bd, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_5fknwtz42523qcvu.svg)](https://markdownregistry.com/a/art_5fknwtz42523qcvu)

5 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 4 versions of this file, between Jul 23, 2026 and Aug 14, 2026, about one every 7 days.

versioncommittedcommitsizeaudit
git:20260814.ac3d0bd latest2026-08-14 ac3d0bd 4,712 BA view · diff
git:20260725.195c4502026-07-25 195c450 4,095 BA view · diff
git:20260725.f1f7ab92026-07-25 f1f7ab9 3,757 BA view · diff
git:20260723.10ffb5a2026-07-23 10ffb5a 3,413 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (4712 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

infinite-system/ivue · 13 stars · license MIT · pushed 2026-10-01 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_5fknwtz42523qcvu
GET https://markdownregistry.com/api/v1/resolve?ref=infinite-system/ivue/blog-banner
GET https://markdownregistry.com/api/v1/blob/2ff0089a552a18bb40491fac1966a2000454ca5f31598fd61a1ff51837886a3e

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from infinite-system/ivue

agent-fleet SKILL.md skill
infinite-system/ivue · .claude/skills/agent-fleet/SKILL.md · Run a fleet of research/writer agents (codex sol/terra/luna at 1M context, claude opus) invar-conductor style from this…
git:20260905.751edee · audit A · 13 stars
agent-tmux SKILL.md skill
infinite-system/ivue · .claude/skills/agent-tmux/SKILL.md · Drive an interactive CLI agent (claude / codex) inside tmux — launch it, send prompts/turns, ask whether its turn is…
git:20260823.308fe49 · audit A · 13 stars
article-art SKILL.md skill
infinite-system/ivue · .claude/skills/article-art/SKILL.md · Generate free-form illustrations for blog posts by driving a codex agent (image_generation is stable in this install)…
git:20260823.95dbffc · audit A · 13 stars
design-taste-frontend SKILL.md skill
infinite-system/ivue · .claude/skills/design-taste-frontend/SKILL.md · Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right…
git:20260706.6d8cf3b · audit B · 13 stars
ibr SKILL.md skill
infinite-system/ivue · .claude/skills/ibr/SKILL.md · Load Invariant-Based Reasoning (IBR) as the session's reasoning engine. Use when the user invokes /ibr, says "use IBR"…
git:20260825.3c5b906 · audit A · 13 stars
invariant-spec-tests SKILL.md skill
infinite-system/ivue · .claude/skills/invariant-spec-tests/SKILL.md · How to write a check that proves something — a test is a SPEC: the generator expressed for this implementation. Covers…
git:20260825.35ea5ad · audit A · 13 stars
invariants SKILL.md skill
infinite-system/ivue · .claude/skills/invariants/SKILL.md · IBR invariant analysis of a posed change, question, or design against a project's recorded invariant contracts…
git:20260917.c012262 · audit A · 13 stars
ivue SKILL.md skill
infinite-system/ivue · .claude/skills/ivue/SKILL.md · Use when writing or editing ivue `Reactive()` classes, when converting a Vue component or composable to ivue, and when…
git:20261001.787c7b3 · audit B · 13 stars
logo-deploy SKILL.md skill
infinite-system/ivue · .claude/skills/logo-deploy/SKILL.md
git:20260830.00fe7c5 · audit C · 13 stars
my-voice SKILL.md skill
infinite-system/ivue · .claude/skills/my-voice/SKILL.md · Write as the author of ivue and Invar — X posts, threads, long posts, image cards, HN/Reddit comments, LinkedIn…
git:20260905.751edee · audit A · 13 stars
node-namespace SKILL.md skill
infinite-system/ivue · .claude/skills/node-namespace/SKILL.md · Author and refactor TypeScript Node.js backends around static capability classes, mutable class namespaces, late…
git:20260718.c72e9eb · audit A · 13 stars
related-blogs SKILL.md skill
infinite-system/ivue · .claude/skills/related-blogs/SKILL.md · Use when a new blog post is published, a docs page is added or renamed, or the "From the blog" related-posts blocks…
git:20260823.dcfd2c8 · audit A · 13 stars

Every file in infinite-system/ivue

Browse by kind, by grade A, or by owner.