design-system — independently scanned and version-tracked by SaferSkills.
SaferSkills independently audited design-system (Agent Skill) and scored it 100/100 (green). The audit ran 55 deterministic rules across Security, Supply Chain, Maintenance, Transparency, and Community; it found 0 high-severity and 0 lower-severity findings. The full rule-by-rule trace and per-finding evidence are below. Free, methodology-open.
Findings & checks · 0 flagged
Every scanned point with the score it earned and what moved between them.
First recorded scan — no prior version to compare against.
The primary manifest — the file an agent reads to learn what this artifact does.
When asked to design anything inside Pindoc — the agent-writable, human-approvable project wiki — follow these rules. This file is the compact, agent-invocable version of README.md. Read both before starting.
Pindoc is a typed, graph-linked project wiki that humans never edit directly. Agents (Claude Code, Cursor, Codex) write over MCP; humans review, approve, reject, and read.
:root.theme-light, retuned from the same tokens.draft amber · live emerald · stale rose · archived zinc · rejected red. Accent indigo is restrained — focus, selection, one primary action per view.ADR, FEATURE), area labels (platform/auth), agent names.9999px). Emoji in chrome.Welcome!, Let's get started ✨, Awesome!).Import colors_and_type.css. Use the variables — never hard-code hex or px from the palette. Spacing scale 4 · 8 · 12 · 16 · 20 · 24 · 32 · 48 · 64. Radii 2 · 4 · 6 · 8.
Two densities, by surface: compact (lists, sidebar, queue, graph inspector — 32px rows, 13px text) and spacious (reader body — 16px / 1.6). Never mix within one pane.
Technical, direct, lowercase by default for status/actions (draft, promote, approve). Title Case only for proper nouns, primary buttons, and headings. No exclamation marks. No adjectives that sell.
Lucide, 1.5 stroke, currentColor. Icons are signal, never decoration. No emoji in chrome. Flag for the user if a custom Pindoc icon library exists and swap.
Pindoc has almost no imagery. Exceptions: the logo mark; agent avatars (monogram tiles, fixed 6-color palette, 4px radius — humans get circles, agents get squares).
See preview/components.html for canonical buttons, chips, inputs, artifact rows, reader headers, and cards. See ui_kits/reader/reader.html for the three primary surfaces (Wiki, Inbox, Graph) and the ⌘K palette.
~30 seconds. Free. No account. Every finding cites a rule and a line of evidence.