Tooluck logoTooluck
SKILL.md

editorial-illustrations

Agent skill fromhuytieu/COG-second-brain

Generate meaning-carrying editorial data-illustrations in the monotykamary / Linear aesthetic (near-black grayscale, Inter display + mono labels, hairline framed figures) with a single coral accent. This is a GENERATIVE GUIDE, not a template gallery: it teaches the "claim -> geometry" method so any session can invent the RIGHT figure for what a post actually argues, then render it as a self-contained, theme-aware, reduced-motion-safe HTML/SVG figure. Use when writing/illustrating a blog post, essay, spec, or slide and you want a chart, diagram, or illustration that carries a thesis (not decoration) in the house style. Triggers: "make a chart/diagram/illustration for this", "visualize this argument", "monotykamary/Linear style figure", "editorial graphic".

How to install editorial-illustrations

install editorial-illustrations
# install the COG-second-brain pack with the skills CLI
npx skills add huytieu/COG-second-brain

# or add only this skill to Claude Code: copy the folder

skills/editorial-illustrations/

# into

~/.claude/skills/editorial-illustrations/ (all projects)

.claude/skills/editorial-illustrations/ (one project)

skills/editorial-illustrations/SKILL.md

MITFull file
1# Editorial illustrations — claim → geometry
2
3The look you want (monotykamary.com, linear.app/now) is not a chart library. It is
4a **discipline**: every figure is a single argument rendered as geometry, framed in
5a hairline box, captioned in mono uppercase with the *meaning*, drawn in grayscale
6with exactly one accent. Get the discipline right and any shape reads as "house."
7Copy templates blindly and it reads as slop.
8
9**Do not reach for a fixed set of charts.** Reach for the method below and build the
10figure this specific sentence needs. The six worked examples in
11`references/worked-examples.md` are proof the method generalizes, not a menu.
12
13## The core move
14
15> Take the one sentence the figure must prove. Find that sentence's *structure*.
16> Render the structure so the reader believes the sentence before reading it.
17
18The caption is the thesis, written first. If you can't state the figure's claim in
19one sentence, you don't have a figure yet, you have decoration. Stop.
20
21## Method (run this every time)
22
231. **Write the claim.** One declarative sentence. This becomes the `<figcaption>`
24 verbatim. Example: "Nothing is billable until work crosses the delivery boundary."
25
262. **Name the claim's structure.** Which of these is the sentence really about?
27 Match to a geometric primitive:
28
29 | If the claim is about… | Render it as… | Atom (§5) |
30 |-------------------------------------------|------------------------------|-----------|
31…

Excerpt shown under the repository's MIT license.

More skills in COG-second-brain

Keep exploring

Similar skill repositories

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates