shadcn/ui plugins

Searchable database of UI/UX design rules and assets covering styles, color palettes, typography, accessibility, animation, and charts across 22 technology stacks. Includes tools for generating design tokens, brand identity, presentations, and accessible UI components with Tailwind and shadcn/ui.

Search a database of UI/UX design rules covering styles, colors, typography, accessibility, animation, and chart types across 22 technology stacks to guide design and review decisions.

Manage shadcn/ui components and projects: add, search, fix, debug, style, and compose UI. Provides project context, component docs, and usage examples.

Design and build polished, accessible frontend experiences with 3D scenes, scroll-driven narratives, mobile-first thinking, and WCAG audits — from concept artifacts to agency-grade interfaces and design system reviews.

Accelerate development of React/Next.js web apps with integrated patterns for component design, state management, Server Components, performance optimization, and design systems using Tailwind CSS and shadcn/ui. Includes audits for form conversion, SEO, and WCAG accessibility compliance.

Automate 90+ Korean daily-life and business tasks: book KTX/SRT trains, search Coupang/Daangn, check real estate prices, look up laws, track parcels, and more via public APIs and browser automation.

Build complex, multi-component HTML artifacts with React, Tailwind CSS, and shadcn/ui, including initialization and bundling scripts for state management and routing.

A 145-skill bundle automating CRM, marketing, project management, file operations, social media, design, documentation, and development workflows via Composio/Rube MCP integrations, plus specialized skills for AI agent coordination, code analysis, and media processing.

Render JSON UI/document specs to web, mobile, terminal, PDF, images, video, and email. Supports React, Vue, Svelte, Next.js, Remix, React Native, and state management adapters. Enables AI-generated UIs and component catalogs.

Build high-performance React UIs with virtualized lists, data tables, and chat interfaces using react-virtuoso, plus a reactive state management engine.

Design and export App Store and Google Play marketing screenshots with device frames, drag-to-reorder, and bulk PNG export using a Next.js + ShadCN editor.

Manage skills, agents, and commands for Claude Code with a unified hub that provides 150+ capabilities including code review, TDD enforcement, git workflows, UI/UX design guidance, Remotion video creation, document generation, multi-agent orchestration, context optimization, and social media publishing.

Build AI-powered chat interfaces in Next.js using pre-built React components for conversations, messages, tool displays, and prompt inputs, with AI Elements, shadcn/ui, and the AI SDK.

Create and polish frontends using Tailwind v4 theming and shadcn/ui components — install UI components, set up dark mode, review visual design, generate multi-page marketing sites with screenshots, apply React performance rules, and review React Native/Expo code.

Build high-converting landing pages with Next.js and ShadCN UI, generate Instagram-style card news, automate web research and code analysis, track development changes, and enhance workflows with multi-AI engineering loops and design prompts.

Sets up Tailwind CSS v4 with shadcn/ui in Vite + React projects, including dark mode via ThemeProvider, CSS variable architecture, and migration from v3.

Install and integrate 100+ animated Aceternity UI React components into Next.js projects using Tailwind CSS and shadcn CLI. Handles setup, registry configuration, and fixes integration errors for heroes, parallax, 3D effects, and animations.

Polish AI-generated Korean text to sound natural by detecting 40+ AI tell patterns, rewriting with strict fidelity checks, and supporting versioned rollback. Includes a Next.js web UI for paste-detect-diff-copy workflows.

Clone websites with pixel-perfect accuracy, then rapidly build, refine, and deploy production interfaces using AI-guided design, code review, performance optimization, and full-stack tooling.

Generates UI code in a dense AMOLED-black design system using framework-agnostic tokens and component classes for shadcn, Tailwind, React, Vue, and Svelte stacks.

Generate shadcn-ui compatible color palettes tailored to industries like fintech, healthcare, or SaaS, with built-in light/dark mode support and WCAG AA accessibility compliance.

Design and audit visual interfaces for web and mobile, create brand identities with color palettes and typography systems, generate design tokens and UI specs, and produce assets like logos, animations, HTML emails, and social graphics.

Review React/TypeScript frontend code, with specialized skills for React Flow, React Router, shadcn/ui, Tailwind CSS v4, Vitest, and Zustand. Includes a hierarchical graph layout utility for React Flow nodes and a multi-step verification protocol to reduce false positives in AI reviews.

Generate and orchestrate web animations using React Spring, Anime.js, Lottie, AOS, and pre-built component libraries (Magic UI, React Bits) for scroll-triggered effects, physics-based motion, and complex timelines.

Build and deploy Salesforce B2C Commerce storefronts using Storefront Next with React 19, including authentication, data fetching, UI components, routing, i18n, Page Designer integration, performance optimization, and Managed Runtime deployment.

Automates the full product development lifecycle in Claude Code: generates PRDs from ideas, runs market research on Reddit, audits Next.js SEO and security, builds DaisyUI UIs, manages multi-agent teams with git worktree isolation, and persists knowledge across sessions via automatic memory and wiki logging.

Accelerate Next.js development with AI-powered features, SEO best practices, and shadcn UI patterns. Covers Vercel AI SDK, Postgres hybrid search, performance audits, and code quality automation.

Guides brand-aligned design for UI/UX, visual identity, and marketing assets. Syncs brand guidelines to Tailwind/Shadcn UI design tokens, validates assets, and provides curated style databases for components, layouts, and interaction patterns.

Run a spec-driven development workflow with multi-language code understanding, GitHub project management, browser automation for testing and scraping, container and source code security scanning, and shadcn/ui component management.

Quickly integrate pre-built animated React components from Magic UI and React Bits into projects, with automated component imports and prop documentation generation to accelerate UI development.

Orchestrates an enterprise-grade full-stack development lifecycle from intake through architecture, planning, implementation, testing, and release, with branch-aware sequencing, QA gates, and design system enforcement for React/.NET stacks.

Transforms a rough idea into a fully implemented product through a six-step pipeline: idea clarification, interaction specification, architecture design, visual design, prototyping, and code generation. Each step produces a document that serves as the contract for the next, ensuring end-to-end traceability and alignment.

Build premium React/Next.js UIs with production-ready components, animations, and 3D visuals while auditing design systems for accessibility and consistency. Research competitors and user behavior to generate actionable design intelligence reports.

Generate and review UI/UX code across 50+ design styles, 21 color palettes, 50 font pairings, and 20 chart types for React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, and Flutter projects, with built-in accessibility, layout, and performance rules.

Build Rails applications with Inertia.js using established architecture patterns, type-safe props via Alba/Typelizer, and adapted shadcn/ui components for React, Vue, or Svelte.

Scaffold and deploy a full-stack T3 project (Next.js + tRPC + Drizzle + Tailwind + shadcn/ui) with modular addons for database, auth, payments, email, storage, i18n, analytics, domain, SEO, and AI agents, then manage the entire lifecycle from provisioning to teardown.

Audit and manage Storybook design systems for React+Vite apps: identify unused components, map navigation flows, generate CSF3 stories, check design token health, and sync with Figma tokens.

Audit UI for accessibility and design-system compliance, scaffold components, and enforce design CI with PR checks across React/Next.js/Tailwind and SwiftUI projects, with optional Figma API integration.

Build full-stack Next.js 16 applications with App Router, Server Components, Prisma 7 ORM, and Better Auth. Includes patterns for shadcn/ui components, TanStack Form and Query, Zustand state management, internationalization, and SOLID code quality enforcement. Integrates MCP tools for sequential thinking, Gemini AI design, Next.js debugging, and Exa.ai web search.

Review and build SaaS UIs following 12 research-backed design principles — accessibility, auth flows, data tables, forms, navigation, permissions, error states, performance patterns, theming, notifications, onboarding, and responsive layouts — with actionable code audits and fix suggestions

Add a version badge UI component that displays build version, git commit SHA, branch, timestamp, and recent changelog in a tooltip, auto-detecting Next.js, Nuxt, SvelteKit, Tailwind, and shadcn/ui frameworks.

Bootstrap Claude Code setups for TypeScript, JavaScript, Python, Go, Rust projects with generated CLAUDE.md, hooks, commands, and agents; assess mastery levels (0-4) via dashboards with Korean learning guides, upgrade suggestions, and trend research; create personalized Next.js portfolios tailored to MBTI, profession, and style using Tailwind, shadcn/ui, Zustand.

Recommends and installs shadcn/ui components and premium ShadcnBlocks for React/Next.js + Tailwind frontends using a guided multi-tag flow

Build React 19 SPAs with type-safe routing, state management, forms, and accessible UI components using TanStack Router, Zustand, React Hook Form, and shadcn/ui, with integrated testing and SOLID code quality enforcement.

Manage shadcn/ui projects with Radix UI and Base UI: detect primitives, configure registries, migrate between libraries, and theme with CSS variables and Tailwind v4

Spec-driven full-stack development workflow for Next.js apps: draft specs, break into phases, plan, implement, and audit secrets — with environment setup, troubleshooting, and a reference library of 21 stack patterns (Prisma, Auth, RBAC, CI/CD, dbt, etc.).

Leverage 78 specialized skills for production-grade development: React/Three.js 3D games, GSAP animations, GLSL shaders, form patterns (React/Vue/vanilla), audio visualization, AWS CDK, backend Node.js, design themes, document generation, and more. Each skill delivers actionable code patterns and best practices.

Develop AI chat interfaces using the assistant-ui React library, enabling component customization, runtime state hooks, cloud persistence, multi-thread management, backend streaming, tool integration, and Next.js project setup with CLI scaffolding and version updates.

Scaffold a full-stack admin dashboard from a single foundation (TanStack Start + platform layer), then compose copy-ready UI shapes (forms, tables, kanban, RBAC, i18n, billing, search, realtime) and add a backend from six templates (TanStack, Hono, FastAPI, Supabase). Centralize branding into one config file.

Orchestrate a spec-to-ship pipeline across 59 AI-powered skills spanning PM, backend, frontend, QA, UX, DevOps, security, and release roles — scaffold projects, generate code, write tests, audit quality, and deploy with human approval gates and continuous learning.

Enables Chinese-language workflow automation and task execution with localized agent skills. Covers document creation (DOCX, PPTX, PDF, XLSX), generative art and UI design, MCP server development, Slack GIFs, web testing, and skill-file optimization.

Generate consistent UI components using Casper Studios design system for React apps (shadcn/ui, Tailwind CSS v4, Vite) and Apple Liquid Glass design for native macOS/iOS SwiftUI apps

Runs a disciplined spec-to-deploy lifecycle using AI agents (Product Owner + AI Developer) to build FuseBase Apps, with automated quality gates, business-logic documentation, token economy, and deployment management to prevent drift and scope creep.

Configure FeatureDrop product adoption toolkit in React apps using Tailwind or shadcn-ui to add changelogs, onboarding tours, checklists, and feedback widgets.

Build and deploy full-stack web3 applications on the Monad blockchain, including smart contract development, frontend integration with wallet authentication, transaction sending, and production deployment.

Develop Laravel applications with Vue.js frontends using opinionated best practices for APIs, Eloquent, testing, security, and shadcn-vue UI components. Includes an autonomous code simplifier that refines PHP/Laravel code for clarity and maintainability.

Set up and configure shadcn/ui component library with Tailwind CSS, including CLI commands, theming (OKLCH, dark mode, RTL), form patterns, and framework-specific setups for Next.js, Vite, Astro, and Remix.

Explore design directions in the browser with interactive prototyping tools — annotate, inspect, tune properties, and iterate with Claude feedback. Guides UI/UX exploration from brainstorming to wireframing and convergence.

Build React, Next.js, and TanStack Start applications with expert guidance on reusable UI components, server rendering patterns, and type-safe full-stack development.

Rapidly create wireframes, interactive prototypes, and component playgrounds from sketches or descriptions, then export to Storybook or connect live data sources.

Orchestrates an AI development crew that takes React Native or TypeScript backend tasks from idea to PR with one human approval checkpoint, coordinating specialized agents for research, implementation, testing, security review, and code quality across the full feature lifecycle.

Scaffold TanStack Start projects interactively with 30+ integrations including TanStack Query, Clerk auth, Drizzle ORM, Vercel deployment, and MCP server for AI agents

Orchestrate project specifications and tasks with ADR-based architecture decisions, SMART acceptance criteria, anti-pattern detection across multiple stacks, and framework-specific implementation design generation, all within a speckit/ directory workflow.

Build and deploy Lovable web apps—restaurant sites, landing pages, AI chatbots—connected to Rapido's data services (FoodEatUp, CRM, CMS, HR) with brand synchronization and design system guidance.

Automates GitHub-based development workflows with smart git commits (squash, rebase), isolated worktrees, PR creation from templates, review comment resolution, and issue triage. Also integrates Next.js and shadcn/ui tooling with documentation lookups and Chrome DevTools for frontend development.

Manage shadcn UI components in React projects with Tailwind CSS — add, configure, and explore components via MCP tools.

Engineers interactive frontend experiences with animations (GSAP, Lenis), 3D/WebGL (Threlte), scrollytelling, data visualization (D3, Layer Cake), and design systems (typography, color, spacing). Includes agents for aesthetic direction, technical architecture, visual design implementation, and UX research validation.

Accelerate full-stack development with AI agents, commands, and skills for TDD, code review, architecture design, refactoring, UI/UX, security, git workflows, and incident response, plus plugin development tools and MCP integrations for external services

Build full-stack Next.js applications with Supabase and Vercel AI SDK, from local database setup and type-safe queries to streaming AI interfaces, responsive UI components, and automated quality checks.

Turn design prototypes (images/PDFs) into maintainable frontend components using React/Next.js, Vue/Nuxt, or SvelteKit. Builds components incrementally, extracting design tokens and confirming architecture before each generation.

Develop full-stack web apps with Wasp, including authentication, email sending, database setup, and Tailwind/ShadCN styling, then deploy to Railway or Fly.io. Provides expert code analysis, dev server debugging with logs and browser console access, and Chrome DevTools integration for DOM inspection and network monitoring.

Design and build interactive frontend experiences with animations, 3D/WebGL, scrollytelling, and data visualization using Svelte, Astro, and D3. Includes agents for aesthetic direction, technical architecture, design system implementation, and UX research validation.

Install and use Ein UI liquid glass morphism components in React/Next.js projects via Shadcn CLI registry

Starter bundle for Next.js projects that accelerates development with UI design capabilities, component management via shadcn UI, and workflow automation through commands, hooks, and MCP integration.

Convert markdown research reports into interactive React presentation websites with Tailwind CSS and shadcn/ui, then deploy them to GitHub Pages.

Render React UIs (shadcn/ui, Tailwind, Recharts) or vanilla HTML/CSS/JS in a browser window with hot-reload for prototyping forms, charts, dashboards, and visual interfaces.

Scaffolds and secures full-stack Next.js 16 apps with Supabase Auth, Prisma, shadcn/ui, Tailwind CSS, Playwright tests, Sentry monitoring, and CI/CD — generates Zod schemas, audits auth/security, enforces performance budgets, and manages feature flags, changelogs, and RBAC policies.