D
DOMglyph
AI-native design system

UI that speaks to
humans and machines

DOMglyph is a design system built for the AI era. Every component exposes a machine-readable contract — making your UI deterministically operable by AI agents.

Read the docsSee AI Contract →
⬡

Dual-layer architecture

Every component has a visual layer for humans and a semantic layer for AI. Both are first-class.

◈

Deterministic interactions

AI agents don't guess. The runtime exposes exact state, actions, and outcomes — no DOM scraping.

◉

Runtime inspection API

window.__DOMGLYPH__ gives agents structured access to screen context, forms, and events.

Every element is a contract

Traditional UI is built for eyes. DOMglyph is built for eyes and agents. Every interactive element declares its identity, intent, and state — in a format both humans and AI can trust.

Explore data-ai-* attributes →
// AI-native button
<button
data-ai-id="save-profile"
data-ai-role="action"
data-ai-action="save-profile"
data-ai-state="idle"
>
Save Profile
</button>
id → stable identifier for targeting
role → semantic type: action | field | form | table
action → executable intent
state → current condition: idle | loading | success | error
“The web was built for humans. The next generation of software is being operated by AI. DOMglyph is the bridge — a design system where every pixel has a machine-readable meaning.”
Read the philosophy →