# Detect Design System

> Inspect a codebase to discover its existing design system (if it has one) before making any visual change. Use whenever you start UI work in an unfamiliar project, are asked to add a component or page that must fit in, or are redesigning and need to know what to preserve. Inventories design tokens, theme files, Tailwind/CSS config, component libraries, fonts, color, spacing, radii, shadows, and motion, then produces a structured Design Read. Not for authoring a new system from scratch — for finding and honoring the one that's already there.

## Facts
- Page: https://tashan.sh/capability/skill-weberswords-detect-design-system
- tashan id: skill:weberswords/detect-design-system
- Source: https://github.com/weberswords/designer
- Type: skill
- Category: design
- tashan score: not scored (catalogued only — too little public evidence)
- Adoption: 9.0
- Upkeep: 96.0
- Freshness: 92.0
- Evidence coverage: 84% of the inputs this score can use
- Health: active
- Instruction depth: not yet graded
- License: NOASSERTION
- Official: no

## Install

```sh
cp -r detect-design-system ~/.claude/skills/
```

## Security audit
Not scanned. We audit npm-published capabilities; this one has no npm package we can resolve, or has not reached the queue. This is not a clean bill of health.

---
Measured 2026-09-12 by tashan (https://tashan.sh) from public evidence. Scorer s5.