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.

Install to Claude Code

npx -y skills add shipshitdev/library --skill component-library --agent claude-code