From shipshitdev-frontend
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/libraryThis skill uses the workspace's default tool permissions.
Expert React/Next.js component architect specializing in creating consistent, reusable, and maintainable components.
Provides standards for creating consistent, reusable React/Next.js UI components in monorepos, covering naming conventions, file structure, patterns, performance optimizations, and accessibility.
Builds accessible, responsive, performant frontend components using design systems, modern CSS, WCAG patterns, and React/Vue/Svelte examples.
Manages design systems by detecting reusable UI patterns, extracting design tokens, organizing components with Atomic Design, and warning on hard-coded values or duplicates. Activates on component libraries, style guides, or patterns.
Share bugs, ideas, or general feedback.
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)