new-component
Create new GPUI components. Use when building components, writing UI elements, or creating new component implementations.
Installation
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
View source ↗GuidesSkill instructions
Instructions
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
SelectandSelectState)
- Use stateless elements for simple components (like
- API consistency: Maintain the same API style as other elements
- Documentation: Create component documentation
- Stories: Write component stories in the story folder
Component Types
- Stateless: Pure presentation components without internal state
- Stateful: Components that manage their own state and data
Examples
Read the usage examples in the source repository.
View source ↗Source history
- Indexed on
- 2026-01-20
- Index updated
- 2026-01-28
- Branch
- main
Index and sync dates describe this directory. View the source repository for code history.
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!