Skills for Real Engineers. Straight from my .agents directory.
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
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)
1# Editorial illustrations — claim → geometry23The look you want (monotykamary.com, linear.app/now) is not a chart library. It is4a **discipline**: every figure is a single argument rendered as geometry, framed in5a hairline box, captioned in mono uppercase with the *meaning*, drawn in grayscale6with exactly one accent. Get the discipline right and any shape reads as "house."7Copy templates blindly and it reads as slop.89**Do not reach for a fixed set of charts.** Reach for the method below and build the10figure this specific sentence needs. The six worked examples in11`references/worked-examples.md` are proof the method generalizes, not a menu.1213## The core move1415> 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.1718The caption is the thesis, written first. If you can't state the figure's claim in19one sentence, you don't have a figure yet, you have decoration. Stop.2021## Method (run this every time)22231. **Write the claim.** One declarative sentence. This becomes the `<figcaption>`24 verbatim. Example: "Nothing is billable until work crosses the delivery boundary."25262. **Name the claim's structure.** Which of these is the sentence really about?27 Match to a geometric primitive:2829 | 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
Similar skill repositories
An agentic skills framework & software development methodology that works.
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
Public repository for Agent Skills
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
