Before: an app with no design system
takenote
a public, open-source notes app
16/ 100 overallLoose threads
- 0 / 43components with a usage contract
- 0 / 37components an agent could find by name with an import
- 13interface elements in use with no contract or rule
- 77files of product code read
Score per area
- Foundations and tokens41
- Components14
- Patterns and pagesnot assessed
- Usage17
- Governance10
- Brand, illustration, microcopy and localisation0
- Tools and sync26
- AI readiness0
Top findings
- Critical0 of 43 components have a usage contract
Contract stubs are generated for every component with the evidence we could find and explicit 'missing' fields for purpose, when/when-not, states, behaviour, a11y and content.
- High36 proto-tokens live in preprocessor variables with no types, roles or descriptions
Promote these to typed DTCG tokens and add a semantic layer (text, surface, border, action, status) on top; generated proposal in artefacts/tokens.
- High1 role token duplicate another token's literal colour
Replace each duplicate with an alias ({palette.x}); two literals with the same value drift apart on the first edit.