GPUI组件开发Skill new-component

---

name: 新组件 description: 创建新的GPUI组件。在构建组件、编写UI元素或创建新组件实现时使用。

说明

当创建新的GPUI组件时：

1. 遵循现有模式：基于crates/ui/src中的组件实现（例如：Button、Select）
2. 样式一致性：遵循现有组件样式和Shadcn UI模式
3. 组件类型决定：
   • 对简单组件使用无状态元素（如Button）
   • 对具有数据的复杂组件使用有状态元素（如Select和SelectState）
4. API一致性：保持与其他元素相同的API风格
5. 文档：创建组件文档
6. 故事：在故事文件夹中编写组件故事

组件类型

• 无状态：纯展示组件，无内部状态
• 有状态：管理自己状态和数据的组件