UI component design patterns, composition, and best practices. Use when building user interfaces.
Scanned 9/12/2026
Install to Claude Code
Skills Directorynpx -y skills add skeletorflet/opencode-supreme-setup --skill ui --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Ui?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/skeletorflet-opencode-supreme-setup-b704d628)More formats (shields.io, HTML) on the badges page.
---
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
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
