Introduction

typeui.sh is an open-source CLI for agentic design. It generates SKILL.md files that instruct AI coding agents to follow your design system — ensuring consistent typography, colors, spacing, and component styles across every tool you use.

Why typeui.sh

As AI coding agents become the primary way developers build interfaces, design consistency becomes harder to maintain. Each tool generates code differently, and without a shared specification, your brand identity fragments across projects and providers.

typeui.sh solves this by creating a portable design blueprint — a single SKILL.md file — that any agent can read and follow. Whether you use Cursor, Claude Code, Codex, OpenCode, Gemini CLI, or another tool, the output stays visually consistent.

How it works

1. Generate — Run npx typeui.sh generate to answer interactive prompts about your design system (colors, typography, spacing, components, and more). The CLI writes SKILL.md files to your project.
2. Pull — Use npx typeui.sh pull [name] to download a curated design skill from the registry instead of building one from scratch.
3. Update — Run npx typeui.sh update to modify specific fields in an existing skill file without regenerating everything.

Every command writes to the universal .agents/skills/design-system/SKILL.md path by default, with optional provider-specific targets for Cursor, Claude Code, Codex, OpenCode, and others.

Resources

CLI

The core tool. Install and run with npx typeui.sh — no global install required. The CLI itself is open-source under the MIT license and free to use for generating and updating your own design system files.

• Getting started — Installation, available commands, and first run
• Generating skills — Full walkthrough of the interactive design system prompts
• Updating skills — How to update existing files and preview changes with --dry-run

Design skill registry

A curated collection of handcrafted design skills — ready-made SKILL.md files that encode specific visual styles like neobrutalism, glassmorphism, enterprise, and more.

• Browse design skills — Explore, preview, and download skills from the website
• Pull a registry skill — Fetch a skill by slug directly from your terminal
• List registry specs — Interactively browse and pull available specs

The registry is public on the awesome design skills repository on Github.

Supported providers

typeui.sh writes SKILL.md files to provider-specific paths so each tool picks them up automatically:

Quick start

npx typeui.sh generate

This single command walks you through configuring your entire design system and outputs the skill files. From there, your AI coding agents will follow your design guidelines automatically.