The Technasm System

AI generates UI statistically. Without constraints, consistency collapses across iterations. The same prompt produces different spacing, colors, and structure each time. Technasm exists to introduce a system where these decisions are constrained by design tokens and semantic primitives.

Three Layers

  1. Design Tokens
    Values only. No behavior. Small on purpose. Color, spacing, typography, radius, and borders defined as CSS custom properties. The token set is intentionally minimal to reduce choice and increase predictability.
  2. Primitives
    Surface, layout, text, actions. Semantic, not decorative. Limited vocabulary. These are small CSS classes that combine tokens into reusable patterns. Primitives define structure, not style. They create a grammar AI can follow consistently.
  3. AI Prompt Contract
    Explicit rules for AI. Prevents hallucination. Core part of the system. The prompt contract is a behavioral specification that tells AI how to use tokens and primitives correctly. Without it, AI invents class names, adds inline styles, and creates layout drift.

Non-Goals

Technasm is a system, not a style.