ai-agent

typeui – Accelerate UI Design with AI‑Powered Agent

Name: typeui – Accelerate UI Design with AI‑Powered Agent
Author: bergside

Leverage typeui’s AI agent to generate and refine UI components directly from the terminal. Ideal for founders who need fast, high‑quality design systems without a full design team, backed by 2.0k+ GitHub stars.

From the repo · “Build better UI with AI”

2,135 stars+83★ this week148 forksTypeScriptGuide quality 9/10 · reviewed Oct 6Updated 7/4/2026100% free · open source

What it does

TypeUI is an AI-powered tool that helps founders build better user interfaces by generating high-quality UI code

When to use it

•When you need to quickly prototype a new web application and want a solid UI foundation
•When your design team is overwhelmed and you need to automate UI generation
•When you want to experiment with different UI layouts and designs without manually writing code

Ready-to-paste prompt

typeui generate --component button --style material

Heads up: Make sure you have Node.js 16 or higher installed, as TypeUI requires it to run

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

⚡ Runs out of the box

A prompt/skill package — nothing to install beyond adding it to your AI tool.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/typeui && curl -fsSL https://workflowstacks.com/api/skills/typeui/claude-skill -o ~/.claude/skills/typeui/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How typeui – Accelerate UI Design with AI‑Powered Agent works

Codeflow

Free to inspect

Typeui – Accelerate UI Design with AI‑Powered Agent is a small TypeScript project (~2.9k lines across 29 code files, plus 8 test files). You install it into your AI tool with one command; there is nothing to run yourself. Last commit this month, Other license, has a test suite.

Size

Small codebase

~2.9k lines · 29 code files · 24 min skim

Setup

Install as a skill / plugin

Add it to Claude Code (or your AI tool) with one command — 4 skills inside. Nothing to run yourself.

Runs on

Inside your AI tool

Helper scripts use Node.js

TypeScript 83%Python 11%JavaScript 4%Rust 2%

Where to start reading

1
README.md
Start here — what it does and how to install it
2
src/cli.ts
Where the program starts running

What's in each folder

src/Core code — the actual logic21 files

prompts/Prompts, skills & agent definitions18 files

skills/Prompts, skills & agent definitions6 files

plugins/Sub-packages / plugins53 files

registry-examples/Folder69 files

ai-tools-logos/Folder23 files

.claude-plugin/Plugin manifest — what gets installed1 files

.cursor-plugin/Plugin manifest — what gets installed1 files

READMEHas testsDocumentedOther licenseUpdated this month

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

⚡ Runs out of the box

A prompt/skill package — nothing to install beyond adding it to your AI tool.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/typeui && curl -fsSL https://workflowstacks.com/api/skills/typeui/claude-skill -o ~/.claude/skills/typeui/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

bergside

Language

TypeScript

Do this with a working workflow

Pages we wrote and tested that put a skill like this to work — importable n8n templates, outcome guides and Claude Desktop configs.

MCP config

GitHub MCP config

Search repos, read code, open issues and PRs from Claude.

MCP config

Google Maps MCP config

Geocoding, directions, and place search inside Claude.

Related skills

More ai-agent tools founders pair with this one.

ai-agent★ 303,577

superpowers

An agentic skills framework & software development methodology that works.

ai-agent★ 277,154

Track GitHub Stars with 996.ICU

ai-agent★ 253,161

Linux – 251k+ GitHub stars for building custom kernel solutions

Get the complete Linux kernel source in C, perfect for founders needing deep system control or tailored OS components.

ai-agent★ 37,618

sglang: Accelerate LLM & Multimodal Model Serving

Boost inference speed and cut infrastructure costs with sglang’s high‑performance Python framework—ideal for founders deploying large language or multimodal models. 36k+ GitHub stars.

ai-agent★ 95,133

vllm: Fast, Low‑Memory LLM Inference for Scalable AI Products

vllm lets founders serve large language models with high throughput and minimal RAM, perfect for AI‑driven apps. Backed by 93k+ GitHub stars.

ai-agent★ 3,151

Fable: Convert F# to JavaScript, TypeScript, Python, Rust or Dart

Founders can reuse existing F# code across web, mobile and backend stacks, generating clean JavaScript, TypeScript, Python, Rust or Dart. 3.2k+ GitHub stars.