← ClaudeAtlas

keyword-iconslisted

Generate clean monochrome PNG icons from a keyword — three distinct concepts per keyword, 1:1 aspect ratio, transparent background, recolorable, ready to drop into PowerPoint, Keynote, or docs. Use this whenever the user asks for an icon, pictogram, or "a simple graphic that represents X" (hospital, growth, contract, security, teamwork��), in any language, even if they never say the word "icon". Also use it when the user wants to recolor, resize, or tweak an icon made earlier.
ruthless-coder-ai/keyword-icons · ★ 1 · Data & Documents · score 74
Install: claude install-skill ruthless-coder-ai/keyword-icons
# Keyword Icons Turn a keyword (any language) into **three alternative icon concepts**: hand-written SVG sources plus 1:1 transparent-background PNGs. The style targets classic presentation icon sets (Templafy / Fluent line icons): uniform stroke weight, rounded caps, simple geometry, recognizable even at 16 px. ## Workflow ### 1. Read the request Extract from the user's message: the **keyword** (required), color (default near-black `#1A1A1A`), style (default `line`; use `solid` only if they ask for filled/solid icons), size (default 1024 px), output directory (default `./icons/<keyword-slug>/`, slug in lowercase English). Everything has a default — don't ask follow-up questions, just produce. ### 2. Pick three metaphors The three concepts must be **three different visual metaphors**, not three variants of one shape. List what the concept evokes, then pick the three most recognizable. Example for "hospital": - Concept 1: building + cross (the institution) - Concept 2: medical cross in a circle badge (the symbol) - Concept 3: first-aid kit (the object) Prefer internationally understood symbols. For abstract keywords ("efficiency", "trust"), use the most conventional concrete stand-in (bolt + gear, handshake / shield). ### 3. Hand-write the SVGs One file per concept, named `01-<slug>.svg`, `02-<slug>.svg`, `03-<slug>.svg` — slug describes the metaphor (`01-building-cross.svg`). These rules are what make three icons look like one family: ```svg <svg viewBox="0 0 100