new-component

Stateless: Pure presentation components without internal state
Stateful: Components that manage their own state and data

Original：🇺🇸 English

Translated

Create new GPUI components. Use when building components, writing UI elements, or creating new component implementations.

1installs

Added on2026-02-04

NPX Install

npx skill4agent add longbridge/gpui-component new-component

When creating new GPUI components:

Follow existing patterns: Base implementation on components in
```
crates/ui/src
```
(examples:
```
Button
```
,
```
Select
```
)
Style consistency: Follow existing component styles and Shadcn UI patterns
Component type decision:
- Use stateless elements for simple components (like
```
Button
```
  )
- Use stateful elements for complex components with data (like
```
Select
```
  and
```
SelectState
```
  )
API consistency: Maintain the same API style as other elements
Documentation: Create component documentation
Stories: Write component stories in the story folder