Installs into .claude/skills of the current project.
Are you the author of Ui?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/skeletorflet-opencode-supreme-setup-b704d628)
---
name: ui
description: UI component design patterns, composition, and best practices. Use when building user interfaces.
---
## ui
Build reusable UI components.
### Component principles
- Single responsibility
- Props interface is the API
- Composition over props drilling
- Controlled vs uncontrolled
- Proper TypeScript typing
- Accessible by default
### Design system
- Consistent spacing (4/8px grid)
- Color tokens for theming
- Typography scale
- Component variants
- Storybook for docs
