Knowledge Base · 27 entries
The reference your plays use, so your agent doesn't guess.
Every play pulls from this Knowledge Base at runtime. Browse by category to see what's covered, or search for a specific document.
Principles
primary references12 entriesSistema's own synthesized frameworks, derived from cross-reading multiple design systems, standards, and agent skills. The content here is original analysis — OKLCH commitment levels, visual quality signals, token architecture patterns, content voice frameworks, and more. Plays pull from this layer at runtime.
Reference Sources
Named systems, specifications, and theoretical foundations. These are raw material — consulted for prior art and conformance, not synthesis.
Design Systems
8 entriesCrawled and structured documentation from named production design systems — Material Design 3, Carbon (IBM), Atlassian, Primer, Ant Design, and others. Each entry includes design guidance, token values, and implementation patterns as they exist in the source. Use these to understand how proven systems have solved structural problems and to ground AI output in real precedent.
Standards
2 entriesPublished specifications from standards bodies — W3C, ARIA, and the DESIGN.md convention. These are normative: they define what correct output looks like — what accessible markup must contain, what contrast ratios must pass, what a valid DESIGN.md includes. Use them when your output must satisfy a published requirement.
Foundations
2 entriesFirst-principles material on the science behind design decisions — color perception, typographic rhythm, spatial reasoning, and visual hierarchy. These explain the perceptual and cognitive reasoning behind decisions that most systems take on faith. Use them to make token choices grounded in evidence.
Agent Skills
3 entriesOpen-source Claude Code skills from the community — Impeccable (Philip Bakaus), the official Anthropic frontend-design skill, and the designer-skills collection (Julian Oczkowski). Each has been reviewed for license compatibility and its key frameworks synthesized into Sistema's principles. Browse these to see the raw source material behind Sistema's design quality guidance.
Knowledge Base sources
This Knowledge Base is built from publicly available documentation: Material Design, Carbon, Atlassian, Ant Design, Radix, Primer, W3C, Shopify Polaris, MailChimp, and more.