Component Library
This is a React and Next.js component architecture guide that pushes composition patterns, TypeScript interfaces, and performance optimization from the start. You'd reach for it when building shared UI components in a monorepo or refactoring existing code for reusability. It covers the practical stuff: naming conventions (PascalCase files, useHook patterns), when to reach for memo and lazy loading, and accessibility basics like semantic HTML and keyboard navigation. The quick reference is genuinely quick, which is nice when you just need to remember the prop interface naming convention or whether to use a compound component pattern. Opinionated enough to keep your codebase consistent without being dogmatic about it.
- skills.sh installs
- 130
- GitHub stars
- 24
- last updated
- Jun 3, 2026
Install
$ npx -y skills add shipshitdev/library --skill component-library --agent claude-codeInstalls into .claude/skills of the current project.
Files
This is a React and Next.js component architecture guide that pushes composition patterns, TypeScript interfaces, and performance optimization from the start. You'd reach for it when building shared UI components in a monorepo or refactoring existing code for reusability. It covers the practical stuff: naming conventions (PascalCase files, useHook patterns), when to reach for memo and lazy loading, and accessibility basics like semantic HTML and keyboard navigation. The quick reference is genuinely quick, which is nice when you just need to remember the prop interface naming convention or whether to use a compound component pattern. Opinionated enough to keep your codebase consistent without being dogmatic about it.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/shipshitdev/library
- Category
- Frontend Development
- First seen
- Jun 3, 2026
More from shipshitdev/library
All 56- Offer Architect130
- Funnel Validator129
- Multi Agent Patterns129
- Biome Validator127
- Startup Icp Definer127
- Humanizer126
- Nextra Writer126
- Performance Expert122
- Traffic Architect122
- Retention Engine121
- Testing Expert120
- Nextjs Validator119
- Search Domain Validator119
- Stripe Implementer119
- Ai Loading Ux118
- Mongodb Migration Expert118
- Husky Test Coverage116
- Positioning Angles116
- Devcontainer Setup115
- Early Hiring Advisor115
- Advanced Evaluation114
- Financial Operations Expert1.7K
- Youtube Video Analyst1.1K
- Nestjs Testing Expert623
Recommended
More Frontend Development
update-component-docsagnosticui/agnosticuiUpdate component documentation when code changes0skills.sh installs
journey-frontendbutterbase-ai/butterbase-skillsUse as the frontend build stage of the Butterbase journey. Implements the Frontend section of 02-plan.md by delegating to deploy-frontend. Scaffolds (if needed)0skills.sh installs
frontend-designcomposiohq/awesome-claude-pluginsCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applicat0skills.sh installs