Themes and guardrails for AI-built UI
A Strict theme is one DESIGN.md file: tokens an agent can read, rules a linter can check, and exports for shadcn, Tailwind and Nuxt UI. Three themes are free.
npx shadcn@latest add https://strictthemes.com/r/strict-one.json01 / Themes
Theme 01
A disciplined, Swiss-grid editorial theme. One accent, hard edges, no decoration.
View Strict OneEvery color, corner and typeface in this box comes from the theme's tokens. The components are stock shadcn.
Theme 02
A warm, literary theme for long reading. Paper tones, a serif voice, and one oxblood accent.
View RecitalEvery color, corner and typeface in this box comes from the theme's tokens. The components are stock shadcn.
Theme 03
A calm, precise theme for dashboards and tools. Cool greys, clear numbers, and one teal signal.
View AvionEvery color, corner and typeface in this box comes from the theme's tokens. The components are stock shadcn.
02 / How it works
Step 1
A theme is a single DESIGN.md. Tokens sit at the top as YAML, and the reasoning behind them follows in plain prose. An agent reads both before it writes any UI.
Step 2
The same file exports to a shadcn registry item, a Tailwind CSS v4 theme, Nuxt UI, and W3C design tokens. Change the file and every export follows.
Step 3
The strict block says what is allowed: which colors, which spacing, what contrast. The linter enforces it on the theme today. Checking the UI an agent builds comes next.
---
name: Strict One
colors:
primary: "#1F3BFF"
background: "#FFFFFF"
foreground: "#111111"
typography:
body:
fontFamily: IBM Plex Sans
fontSize: 16px
rounded:
sm: 2px
md: 4px
strict:
contrast: AA
colors:
allow: tokens
tells:
purple-gradient: error
emoji-icons: error
---
## Overview
Strict One is an editorial theme built on a
visible grid. Nothing is decorative.03 / Roadmap
DESIGN.md plus a strict block, with exports for four targets.
Built
Three themes with light and dark modes, served as a shadcn registry.
Built
Full page briefs for a theme: landing, pricing, article, docs, dashboard. Five for Strict One so far. Free, like the rest.
In testing
Paste a URL, get a DESIGN.md that matches the site.
Planned
Checks a project's code and rendered pages against a spec. A first version exists as a command, an MCP server and a skill for coding agents; the CI check is planned.
In testing
Components for agent interfaces: tool calls, approvals, streaming states.
Planned