assistant-ui

Component — Development skill for Claude Code

Development community

description: Create new React component Create a new component: $ARGUMENTS Follow project patterns: Location: apps/www/app/components/ (or specify subdirectory) Style: Functional component with TypeScript Props….

How to install Component

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

Terminal

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

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

What Component does

description: Create new React component

Create a new component: $ARGUMENTS

Follow project patterns:

Location: apps/www/app/components/ (or specify subdirectory)
Style: Functional component with TypeScript
Props: Properly typed interface
Styling: Tailwind CSS classes
Exports: Named export (not default)
Accessibility: ARIA labels, keyboard navigation
Theme: Support light/dark mode via next-themes

Include:

TypeScript interface for props
J

Alternatives in Development

Create Blog Article For Claude Code Component — You will create a complete, SEO-optimized blog article for a Claude Code component 23.4k ★
Portaljs Add Chart — Add a chart (line, bar, area, pie, or scatter) to a dataset's showcase in a PortalJS portal 2.3k ★
Migrate Component — Migrate a docs component from rST/Snooty AST to MDX 775 ★