ui-component-patterns
Advanced React and TypeScript patterns for building scalable, accessible, and high-performance UI component libraries.
Install
npx skills add https://github.com/supercent-io/skills-template --skill ui-component-patternsStats
| Total installs | 10,718 |
| Weekly installs | 10.7K |
| GitHub stars | 88 |
| First seen | Jan 24, 2026 |
| Source | @supercent-io/skills-template |
Summary
- Covers five core patterns: props API design with TypeScript, composition, render props, custom hooks for logic separation, and performance optimization with React.memo and useMemo
- Includes compound components, polymorphic components, and context-based state sharing for flexible, reusable architectures
- Enforces single responsibility, accessibility standards (aria-*, role, tabindex), and prohibits prop drilling beyond five levels and inline functions
- Provides file structure templates, component boilerplate with forwardRef, and real-world examples (Button, Card, Modal, Accordion, Dropdown)
Tags
Related skills
| Skill | Installs | vs ui-component-patterns |
|---|---|---|
| nextjs-app-router-patterns | 10,383 | -335 |
| vue | 12,816 | +2,098 |
| nuxt | 8,972 | -1,746 |
| swiftui-expert-skill | 12,282 | +1,564 |
| chrome-devtools | 8,737 | -1,981 |
FAQ
- How many installs does ui-component-patterns have?
- ui-component-patterns has 10,718 total installs and 10.7K installs this week.
- Where is ui-component-patterns hosted?
- ui-component-patterns is published by @supercent-io/skills-template at https://github.com/supercent-io/skills-template.
- How many GitHub stars does ui-component-patterns have?
- ui-component-patterns has 88 GitHub stars.
- When was ui-component-patterns first indexed?
- OrangeBot.AI first indexed ui-component-patterns on Jan 24, 2026.
- How do I install ui-component-patterns?
- Run: npx skills add https://github.com/supercent-io/skills-template --skill ui-component-patterns