Skills for Real Engineers. Straight from my .agents directory.
39 skills
vector-cover
Agent skill from
Generate flat vector editorial cover illustrations in a warm editorial style: near-black canvas, cream organic blob, serif display type, one terracotta accent, and thin line-art concept motifs (grids, node charts, dashed "unknown" paths, mountains, question marks). Output is code (HTML + inline SVG) rendered to a crisp 2400x960 PNG via headless Chrome. Use when you want a blog, article or X-article cover image, a "hero graphic", or "make a cover for <title>".
How to install vector-cover
install vector-cover
# 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/vector-cover/
# into
~/.claude/skills/vector-cover/ (all projects)
.claude/skills/vector-cover/ (one project)
1# Vector cover23## Configuration45The palette below is a default. Swap the hex values in `template.html` for your own brand, and keep the rule of exactly one accent color. Cover copy (eyebrow, title) comes from your article, not from this skill.67## Requirements89- Google Chrome or Chromium. `render.sh` finds it in the standard macOS locations or on `PATH`. Set `CHROME` to override.10- No other dependencies, and no browser automation setup.1112## What this is1314A designed vector graphic built as code: flat SVG on a small set of color tokens, rendered and screenshotted. It is not a diffusion image.1516- Yes: flat vector, geometric line-art, precise serif type, one accent color.17- No: photorealism, gradients, glow, drop shadows, 3D, texture. If a request needs a photo, this is the wrong tool.1819## Design system (default palette, configurable)2021| Token | Hex | Use |22|---------|------------|----------------------------------------------|23| ink | `#141413` | background canvas |24| ivory | `#FAF9F5` | the organic blob and primary headline text |25| clay | `#D97757` | accent: eyebrow, rule, the "unknown" motif |26| grid | `rgba(20,20,19,.09)` | faint grid drawn inside the blob |27| undercurve | `#E7D9C4` | faint warm curves near the blob's base |2829Rules:3031- Exactly one accent color (clay by default). Never add a second hue.32…
Excerpt shown under the repository's MIT license.
More skills in COG-second-brain
Keep exploring
Similar skill repositories
An agentic skills framework & software development methodology that works.
15 skills
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
CC1 skill
Public repository for Agent Skills
20 skills
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
CCCU6 skills
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
CCCXCUGH6 skills