visual-reference-generation skillA
visual-reference-generation is agent-read markdown (skill) from cbrock84/headcount: Produces design reference imagery before implementation — screen concepts, layout directions, and flows for web or mobile that make a verbal brief concrete enough to argue with. Use this when a brief needs visualizing before anyone builds, when comparing layout directions, when handing a developer a target, or when stakeholders are describing different things with the same words..
Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.
What the file says
# Visual reference generation Arguing about an image costs an hour. Arguing about a build costs a sprint. Generate the picture first. ## Before generating Settle these, or the output is decoration: - **Surface and platform** — web page, native mobile screen, dashboard. These are not the same problem at different aspect ratios: touch targets, native chrome, and scroll behavior change what a good layout is. - **What it optimizes for** — one conversion, one task completion, one first impression. Stated, so the image can be judged against something. - **Content reality** — real headline lengths, real data volumes, real edge cases. A concept built on three-word labels collapses on contact with actual copy. ## Generating - **One concept per image.** Tiling several ideas onto one canvas makes them impossible to compare or iterate separately. - **Generate genuinely different directions**, not variations of one. Three near-identical options is one option presented three times. - Include the states that will exist: a populated view and an empty one, at minimum. ## Web versus mobile …
Read the whole file at its exact version.
How to install
mdr add cbrock84/headcount/visual-reference-generation@git:20260916.e72e404mdr add cbrock84/headcount/visual-reference-generation@sha256:ad9299d14f0d9ea8Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.
[](https://markdownregistry.com/a/art_yzhbstnunuqireg4)
0 badge views in 30 days
Versions
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20260916.e72e404 latest | 2026-09-16 | e72e404 | 2,855 B | A | view · diff |
| git:20260901.aa45383 | 2026-09-01 | aa45383 | 2,516 B | A | view · diff |
| git:20260828.f80dcb5 | 2026-08-28 | f80dcb5 | 2,150 B | A | view |
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (2855 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
cbrock84/headcount · 1,664 stars · license MIT · pushed 2026-09-17 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_yzhbstnunuqireg4 GET https://markdownregistry.com/api/v1/resolve?ref=cbrock84/headcount/visual-reference-generation GET https://markdownregistry.com/api/v1/blob/ad9299d14f0d9ea83fb678e3ded6760d238beeb7b5eeca2fca0582770fcf1e21
Your agent 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.