By agents-inc
Tailwind CSS v4 - utility-first CSS framework with CSS-first configuration
The official skills marketplace for Agents Inc.
150+ skills covering everything from React and Prisma to Redis, ElevenLabs, and infrastructure tooling. Pick the skills that match your stack and install them via Claude Code. Need more control? The @agents-inc/cli lets you choose between plugin or eject mode, scoped to a single project or your entire machine.
Via Claude Code:
/plugin marketplace add agents-inc/skills
/plugin install <skill-name>@agents-inc
Via the Agents Inc CLI:
npx @agents-inc/cli init
Select your domains, skills and subagents, and configure everything in TypeScript. See the Agents Inc CLI.
Frameworks
React Vue Composition API Angular Standalone SolidJS Svelte
Meta Frameworks
Next.js Nuxt Remix Astro SvelteKit Qwik Docusaurus VitePress
State Management
Zustand Pinia NgRx SignalStore Jotai MobX Redux Toolkit
Data Fetching
SWR tRPC GraphQL + Apollo GraphQL + urql
Server State
React Query
Routing
React Router TanStack Router
Forms & Validation
React Hook Form TanStack Form Vee Validate Zod
UI Libraries
shadcn/ui Radix UI TanStack Table MUI Chakra UI Ant Design Mantine Headless UI Vuetify
Styling
Tailwind SCSS Modules CVA
Testing
Vitest Playwright Cypress React Testing Library Vue Test Utils
Mocks
MSW
Animation
Framer Motion CSS Animations View Transitions
Tooling
Storybook Vite
i18n
next-intl react-intl vue-i18n
Realtime
WebSockets Socket.IO SSE
PWA
Offline First Service Workers
Error Handling
Error Boundaries Result Types
Files
File Upload Patterns Image Handling
Performance & Accessibility
Web Performance Accessibility
Utilities
date-fns Native JS RxJS VueUse
Frameworks
Hono Express Fastify NestJS Elysia
Databases & ORMs
Drizzle Prisma TypeORM Sequelize Knex Mongoose MongoDB PostgreSQL MySQL Redis
CockroachDB EdgeDB SurrealDB Upstash Vercel KV Vercel Postgres
BaaS
Supabase Firebase Appwrite Neon PlanetScale Turso
Auth
Better Auth + Drizzle + Hono Clerk NextAuth
CMS
Payload Sanity Strapi
Commerce
Stripe
Email
Resend + React Email Resend Setup
Search
Elasticsearch Meilisearch
Vector DBs
Pinecone Qdrant Chroma Weaviate
Analytics
PostHog Analytics PostHog Setup
Feature Flags
PostHog Flags
Observability
Axiom + Pino + Sentry Axiom + Pino + Sentry Setup
Performance
API Performance
Providers
Anthropic SDK OpenAI SDK Google Gemini SDK Mistral SDK Cohere SDK ElevenLabs OpenAI Whisper Claude Vision
Orchestration
Vercel AI SDK LangChain LlamaIndex
Infrastructure
HuggingFace Inference LiteLLM Modal Ollama Replicate Together AI
Observability
Langfuse Promptfoo
Patterns
Tool Use Patterns
CI/CD
GitHub Actions Docker
Platform
Cloudflare Workers
Config
Env Config
Monorepos
Turborepo Nx pnpm Workspaces
Security
Auth Security
Tooling
Biome ESLint + Prettier Git Hooks TypeScript Config
Frameworks
Electron Tauri
Design
Expressive TypeScript
Reviewing
Code Reviewing CLI Reviewing
Methodology
Research Methodology
Each skill covers patterns, conventions, anti-patterns, edge cases, and real code examples for a single technology. Not surface-level docs, but the kind of knowledge you'd normally have to explain to Claude repeatedly.
src/skills/<domain>-<subcategory>-<name>/
├── SKILL.md # Main skill content
├── metadata.yaml # Version, compatibility, tags
├── reference.md # API reference
└── examples/
├── core.md # Core usage examples
└── {topic}.md # Topic-specific examples
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
npx claudepluginhub agents-inc/skills --plugin web-styling-tailwindExpert Tailwind CSS v4.1 - CSS-first configuration, @theme, @utility, @variant, Oxide engine 5x faster, OKLCH colors, container queries, 15 specialized skills
Tailwind CSS v4 tools for initialization, auditing, migration, and optimization
Complete Tailwind CSS v4 expertise system with 2025/2026 best practices. PROACTIVELY activate for: (1) ANY Tailwind CSS task, (2) Tailwind v4 CSS-first configuration (@theme, @utility, @custom-variant), (3) Mobile-first responsive design and container queries, (4) Dark mode implementation, (5) WCAG 2.2 accessibility (44px touch targets, focus states), (6) Performance optimization and Core Web Vitals, (7) Plugin integration (@tailwindcss/typography, @tailwindcss/forms, container-queries), (8) Framework integration (React, Vue, Next.js, Vite), (9) Migration from v3 to v4, (10) Custom utility and component creation. Provides: Mobile-first design patterns, fluid typography (CSS clamp), container queries, WCAG 2.2 touch targets, OKLCH color systems, CSS-first @theme configuration, @utility and @custom-variant directives, responsive breakpoints, dark mode patterns, typography and forms plugins, animation utilities with reduced motion support, framework-specific integration, performance optimization, and production-ready 2025/2026 patterns. Ensures modern, accessible, performant Tailwind CSS implementations.
Tailwind v4 theming and shadcn/ui component installation, customisation, and recipes.
Code style, tech stack, and workflow conventions for React/Next.js/TypeScript, TailwindCSS, Supabase projects.
Use this agent for expert assistance with web development tasks using React, Next.js, NestJS, and other modern web frameworks with TypeScript and Tailwind CSS. This includes code analysis, component creation, debugging, performance optimization, and architectural decisions. Examples: <example>Context: User is building a Next.js app and encounters a routing issue. user: 'My dynamic routes in Next.js are not rendering correctly' assistant: 'Let me use the web-dev agent to analyze your Next.js routing setup and provide a solution' <commentary>This is a Next.js-specific routing issue, so the web-dev agent will provide targeted guidance.</commentary></example> <example>Context: User needs a reusable React component with Tailwind CSS. user: 'I need a card component that matches my app's Tailwind-based design system' assistant: 'I'll use the web-dev agent to create a TypeScript-based React card component styled with Tailwind CSS, following your app's design patterns' <commentary>The user requires a component that aligns with their Tailwind CSS design system, so the web-dev agent ensures compatibility.</commentary></example>
Supabase backend-as-a-service — Auth, Database, Realtime, Storage, Edge Functions, RLS policies, typed client
Hono routes, OpenAPI, Zod validation
PostHog feature flags, rollouts, A/B testing. Use when implementing gradual rollouts, A/B tests, kill switches, remote configuration, beta features, or user targeting with PostHog.
TypeScript Result/Either types for type-safe error handling, railway-oriented programming patterns, error as values
Official OpenAI SDK patterns for TypeScript/Node.js — client setup, Chat Completions, Responses API, streaming, structured outputs, function calling, embeddings, vision, audio, and production best practices