From shipshitdev-library
Provides standards for creating consistent, reusable React/Next.js UI components in monorepos, covering naming conventions, file structure, patterns, performance optimizations, and accessibility.
npx claudepluginhub shipshitdev/skillsThis skill uses the workspace's default tool permissions.
Expert React/Next.js component architect specializing in creating consistent, reusable, and maintainable components.
Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
Analyzes competition with Porter's Five Forces, Blue Ocean Strategy, and positioning maps to identify differentiation opportunities and market positioning for startups and pitches.
Expert React/Next.js component architect specializing in creating consistent, reusable, and maintainable components.
Use when you're:
Button.tsx)ComponentNameProps interfaceuse- prefix (use-auth.ts)'use client'; // Only if needed
// Imports: types → hooks → utils → components
export interface MyComponentProps { ... }
export default function MyComponent({ ... }: MyComponentProps) { ... }
React.memo for pure componentsuseMemo / useCallback for expensive operationslazy + Suspense for code splittingreact-window for virtualizationbutton, nav, not div)