tidy-skill

Branding

Tidy Skill project mark.

Mark

assets/readme/logo.svg — 512px icon: a broom sweeping a scattered chaos cluster (small abstract symbols △ □ + ~ and stray dots ahead of the broom) toward a tidy aligned row of three dots and one sparkle behind the handle root. Pure black on a rounded white card.

The mark is project-native, not stock iconography: an agent tidy-up is literally “sweep the noise out of the repo” — so we drew that. The broom is tidy_doctor → tidy_repair; the scattered chaos beyond the head is the miss-located debris (Classes A misfiled docs, C temp in .agent_tmp/, E tool state); the ordered dots + sparkles behind the handle root are the swept-clean path left behind.

Exported sizes

assets/readme/logo-{16,32,48,64,128,192,256,512,1024,2048}.png plus favicon-32.png. Regenerate with:

node tools/svg_to_png.js assets/readme/logo.svg assets/readme/

@resvg/resvg-js is a WASM renderer — no native cairo/resvg install needed.

In the README

Concepts and iteration

Five rounds were explored.

logos/preview.html is the side-by-side concept/iteration gallery.

Philosophy

Pure black and a clean white card — the project promises “clean, tidy”, and color gradients or a motion loop would decorate instead of demonstrate. The broom is the cleaning gesture an outsider recognizes in one glance; the before/after density contrast (scattered symbols → aligned dots) is what carries the tidy-up semantics even without reading the docs. No container shapes, no checkmarks, no rocket — the mark has to read at 16px and survive being a favicon, and the gesture (sweeping the mess) has to be obvious enough that a viewer who knows nothing about agent hygiene can still tell what the project is for.