Skip to content
Development
Command

/component

Create new React component

BOOST
@assistant-uiassistant-ui@assistant-ui
From plugin
tool-ui
7767 skills5 agents7 commands
$ npx -y skills add assistant-ui/tool-ui --agent claude-code

Command definition

component.md
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: 1. TypeScript interface for props 2. JSDoc comments for complex logic 3. Proper prop validation 4. Responsive design considerations 5. Error boundaries if needed

Check `apps/www/app/components/` for similar patterns to follow.

Read it on GitHub ↗
Stats
TypeScriptReactTailwindshadcn/uiGitHub
776
Stars
30
Forks
Maintained
Maintenance
TypeScript
Language
MIT
License
Last commit
Created

Repo: assistant-ui/tool-ui

In this plugin
7 commands5 agents1 skill
See everything inside
@assistant-ui
Ships withtool-ui

UI components for AI interfaces

7761 skill5 agents
Get the whole plugin

Stars on GitHub

Momentum

stars in total
776
Star history of assistant-ui/tool-ui on GitHub, a chart by star-history.com
See what's trending this week

Other commands on tool-ui.

More commands from other plugins.

build
Auto-invoked

build

Command

Implement tasks incrementally — build, test, verify, commit. Add "auto" to run the whole plan in one approved pass.

agent-skills2w112k
@addyosmani@addyosmaniInstall Command