assistant-ui

Generate Tool UI — Design skill for Claude Code

Design community

description: Generate a complete Tool UI component with docs, presets, and quality gates Generate Tool UI Create a new Tool UI component through a maintainer-first workflow.

How to install Generate Tool UI

Installs to ~/.claude/commands/assistant-ui-tool-ui-generate-tool-ui.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/assistant-ui/tool-ui/HEAD/.claude/commands/generate-tool-ui.md -o ~/.claude/commands/assistant-ui-tool-ui-generate-tool-ui.md

Restart Claude Code, or start a new session, for it to be picked up.

What Generate Tool UI does

description: Generate a complete Tool UI component with docs, presets, and quality gates

Generate Tool UI

Create a new Tool UI component through a maintainer-first workflow.

Arguments

`$ARGUMENTS`

If no arguments are provided, start with the designer interview. If a component slug is provided, use it as the starting point.

Workflow

This command orchestrates 5 specialized agents in sequence:

`designer → implementer → (examples ∥ documenter) → reviewer`

Execution Steps

Alternatives in Design

Algorithmic Art — Create generative art using p5.js with seeded randomness, flow fields, and particle systems 94.1k ★
Od Contribute — Open a first-contribution PR (or bug issue) on nexu-io/open-design — works for non-coders too 91.8k ★
Add Oas Support — Add support for a new OpenAPI Specification version to Swagger UI 29k ★