Prototyper UI

VerifiedStable

Component patterns, APIs, and design tokens — inline in your editor

v1.0.0·Prototyper·Components

Give your AI assistant full knowledge of Prototyper UI's 19 components, OKLCH design tokens, compound component patterns, and installation workflows. Works with Claude Code, Cursor, OpenCode, Codex CLI, and Gemini CLI.

Scripts

list

List all available components with descriptions

$ node scripts/list.mjs

docs

Fetch full documentation, usage examples, and API reference for one or more components

$ node scripts/docs.mjs button dialog

source

Fetch the complete TypeScript source code for a component

$ node scripts/source.mjs button

theme

Fetch the complete OKLCH design tokens — colors, surfaces, shadows, and easings

$ node scripts/theme.mjs

What Your AI Learns

Full API docs and examples for all 19 components

OKLCH color system — tokens, surfaces, shadows, and derived colors

Compound component patterns — nesting, context, render= prop

CSS utilities — focus rings, field validation, disabled states

Project setup — dependencies, file structure, Tailwind v4 config

Common pitfalls — Base UI vs Radix differences, styling mistakes