blencorp/claude-code-kit
12 skills698 installs1.2k starsGitHub
Install
npx skills add https://github.com/blencorp/claude-code-kitSkills in this repo
1TailwindcssTailwind CSS is a skill that gives Claude Tailwind CSS v4 utility-first styling patterns including responsive design, dark mode, and custom configuration. A developer uses it when styling with Tailwind, adding utility classes, configuring the theme, or setting up dark mode. It notes Tailwind v4's CSS-first configuration approach.116installs2Shadcnshadcn/ui is a skill that gives Claude patterns for building UI with shadcn/ui components, Radix UI primitives, and Tailwind CSS. A developer uses it when creating tables, forms, dialogs, cards, or buttons, installing shadcn components, or styling with shadcn patterns. It emphasizes copying components into the codebase rather than installing them as dependencies.70installs3NodejsNode.js is a skill that gives Claude core Node.js backend patterns for TypeScript, covering async/await error handling, configuration management, testing strategies, and layered architecture. A developer uses it when building Node.js backend services, APIs, or microservices. It follows a routes to controllers to services to repositories flow.63installs4NextjsNext.js is a skill that gives Claude Next.js 15+ App Router patterns for Server Components, Client Components, data fetching, layouts, and server actions. A developer uses it when creating pages, routes, layouts, API route handlers, loading states, or error boundaries. It defaults to a server-first architecture and file-based routing.56installs5PrismaPrisma is a skill that gives Claude Prisma ORM patterns for Prisma Client queries, mutations, relations, transactions, and schema management. A developer uses it when writing database operations, building repositories, or optimizing queries to avoid N+1 problems. It documents the repository pattern and transaction handling.56installs6ExpressExpress is a skill that gives Claude Express.js patterns for routing, middleware, and request/response handling in TypeScript. A developer uses it when creating or modifying Express routes, building auth or validation middleware, or implementing a BaseController pattern. It keeps routes thin and delegates business logic to controllers and services.51installs7Route TesterRoute Tester is a skill that gives Claude framework-agnostic HTTP API route testing patterns, authentication strategies, and integration testing best practices. A developer uses it when writing unit, integration, or end-to-end tests for REST endpoints across Express, Next.js, FastAPI, Django REST, or Flask. It covers JWT cookie and bearer-token auth testing and per-HTTP-method assertions.51installs8ReactReact is a skill that gives Claude core React 19 patterns for hooks, Suspense, lazy loading, component structure, and TypeScript best practices. A developer uses it when creating React components, using hooks, implementing code splitting, or working with Suspense boundaries. It documents React 19 breaking changes such as ref-as-prop replacing forwardRef.50installs9Tanstack RouterThis skill teaches file-based routing with TanStack Router in React. It covers creating routes, dynamic and multi-parameter routes, route loaders for data fetching, type-safe navigation with Link and useNavigate, and type-safe search params validated with zod. A developer uses it when adding or restructuring routes in a TanStack Router app.49installs10Tanstack QueryTanStack Query is a skill that gives Claude TanStack Query v5 data fetching patterns including useSuspenseQuery, useQuery, mutations, and cache management. A developer uses it when fetching data, managing server state, or working with TanStack Query hooks. It defaults to Suspense-based queries and documents the v5 breaking changes from v4.48installs11MuiMUI is a skill that gives Claude Material-UI v7 patterns for component usage, sx prop styling, theme integration, and responsive design. A developer uses it when building UI with MUI components like Box, Grid, Paper, and Typography or customizing an MUI theme. It also documents v7 breaking changes from v6.47installs12Skill DeveloperSkill Developer is a skill that guides creating and managing Claude Code skills following Anthropic best practices. A developer uses it when creating new skills, editing skill-rules.json, understanding trigger patterns, working with hooks, or debugging skill activation. It covers skill structure, YAML frontmatter, trigger types, enforcement levels, and progressive disclosure.41installs