shadcn/ui plugins

Automate 90+ Korean daily-life and business tasks — search/reserve KTX/SRT/intercity buses, monitor canceled restaurant slots, check real estate/used goods/car listings on Daangn, compare Coupang/Naver Shopping prices, look up business registration/tax delinquency/patent status, generate Korean legal documents for Next.js, proofread Korean text, and more — all from a CLI or agent.

Extract a complete design language from any website — DTCG tokens, Tailwind/shadcn/Figma vars, motion, voice — then grade consistency, generate brand guidelines, remix in six styles, pair two sites, recolor via OKLCH, rebuild and pixel-diff for fidelity scoring, and bundle a downloadable design system

Automate frontend workflows: generate Tailwind-powered landing pages and multi-page marketing sites from briefs with screenshots and videos; set up Tailwind v4 themes and install shadcn/ui components in React/Next.js apps; review visual designs, extract design systems, and audit React performance patterns.

Build, manage, and deploy the full Salesforce platform stack — Apex, OmniStudio, Data Cloud, Agentforce agents, Lightning Web Components, UI bundles, flows, metadata, and mobile apps — with code generation, validation scoring, debugging, documentation retrieval, and CLI-driven deployment.

Run autonomous full-stack dev workflows in Claude Code: generate PRDs/specs via interviews, execute Ralph/autodev loops for overnight PRD implementation with git branching/testing/committing, parallelize tasks across 12 agents (architect, frontend-dev, code-reviewer), build React/Tailwind/shadcn UIs and FastAPI backends, TDD/E2E test/verify/review code, automate git commits/PRs, and audit harness health.

Generate compact AMOLED-black UI code for shadcn-ui and Tailwind in React, Vue, or Svelte using Atlas design system tokens, rules, and patterns via AI agents. Build dense dashboards, chats, and admin panels with engineering-grade, framework-agnostic styling.

Polish AI-generated Korean text to sound more natural and human-like. Detects 40+ AI writing patterns across multiple categories, rewrites them with surgical precision, and validates that the original meaning and facts are preserved. Supports fast and strict modes, rollback, and versioned output.

Automate UI/UX and brand design workflows: sync guidelines to CSS design tokens with Node.js scripts, generate logos/banners/slides using shadcn-ui and Tailwind, validate assets, and query a database of 50+ styles, 161 palettes, 57 font pairings, and guidelines for web/mobile component design and layouts.

Review React, React Flow, React Router, shadcn/ui, Tailwind v4, Vitest, and Zustand code with specialized sub-skills that auto-detect technologies and enforce a multi-step verification protocol to reduce false positives.

Design and build premium React/Next.js interfaces with advanced animations, 3D, and micro-interactions, backed by UX research, competitive analysis, and design system audits for accessibility and consistency.

Add animated React components from Magic UI, React Bits, and React Spring; create Anime.js timelines and Lottie animations; apply AOS scroll-trigger effects. Includes automated scripts and agent expertise for import, optimization, and cross-library orchestration.

Orchestrate the full SDLC as a solo founder or small team by specifying features, then letting specialized agents handle architecture, code review, compliance (HIPAA, PCI, SOX, AI bias, 50+ domains), security audits, and QA — with structured gates for human decisions and evidence-based sign-offs.

Provides pre-built animated React components from Magic UI and React Bits for building landing pages, dashboards, and interactive UIs without hand-crafting animations.

Enables spec-driven development with multi-language support, integrating GitHub project management, browser automation via Playwright and Chrome DevTools, security scanning (Trivy, Semgrep, Python-based), shadcn/ui component management, and Backlog issue tracking into a unified workflow.

Generate, iterate, and ship production-ready UI screens from text prompts or images using Stitch MCP, with automated design system extraction, accessibility audits, and conversion to Next.js, Svelte, React, React Native, or SwiftUI code.

Build and extend AI assistant skills covering generative art, branded presentations, frontend UIs with React/Vue, MCP server integration, internal communications, documentation co-authoring, Slack GIFs, theme styling, and web testing via Playwright.

Access UI/UX intelligence to plan, design, build, implement, review, fix, improve, and optimize interfaces for websites, dashboards, apps using 50+ styles, 21 palettes, 50 font pairings, 20 charts, and accessibility guidelines tailored to React, Next.js, Vue, Svelte, Tailwind, shadcn/ui.

Delegate Rails UI development to generate consistent, accessible components as Tailwind-styled ERB partials inspired by shadcn/ui. Enables feature UI implementation, view and page creation, form building, layout design, and UI reviews in Rails apps.

Autonomously implements tickets from triage to PR in one command using multi-agent AI orchestration: agents plan, code with TDD, test, review, QA, and ship via git worktrees for React/TS apps, Supabase DBs, backends in JS/Python/Go/Rust. Handles full dev pipeline without interruptions.

Orchestrate the full software development lifecycle with an AI agent that handles architecture, planning, implementation, testing, and release across full-stack React/.NET projects, enforcing design consistency and branch-based workflows with QA gates.

Build server-driven SPAs with Rails backend and Inertia.js frontend in React, Vue, or Svelte by applying skills for project setup, architecture patterns, controllers with props and redirects, full-stack forms and validation, page components with layouts and navigation, TypeScript type generation from Ruby resources, shadcn UI adaptations, and RSpec/Minitest response testing.

Embed framework-agnostic version badges in React, Vue, Svelte, Next.js, or Nuxt apps to display build version, git commit SHA, timestamp, branch, and changelog details in interactive tooltips for debugging and support workflows. Auto-detects Tailwind and shadcn/ui setups.

Recommend and install the best-fit shadcn/ui components and ShadcnBlocks for React/Next.js Tailwind frontends. Use multi-dimensional tagging (layout, tone, goal, media, interaction) and answer 1-2 guided questions to select from 1,338 premium blocks and 1,189 free components for landing pages, dashboards, heroes, pricing sections.

Guides AI-assisted development through a spec-driven TDD workflow: triage, spec writing, architecture evaluation, TDD planning, ping-pong test-code cycles, browser verification, and code review. Includes codebase analysis, dependency analysis, git hotspot detection, and design discovery.

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.

Build and customize AI chat interfaces in React/Next.js apps using assistant-ui library. Scaffold projects via CLI with templates, customize UI primitives and state with hooks, add multi-thread management and cloud persistence with auth, integrate LLM tools and streaming backends, and migrate packages to latest versions.

Build production-grade admin dashboards by scaffolding a complete foundation (TanStack Start + auth + data layer), then composing copy-ready UI blocks (forms, tables, kanban, calendar, RBAC, i18n, billing, search, realtime) and attaching a backend from six ready-made templates (Hono, FastAPI, Supabase). Centralizes branding (name, logo, theme) into a single config.

Launch a browser-based UI companion to brainstorm UI/UX concepts like Crazy 8s, prototype HTML/CSS/Tailwind designs, annotate elements, inspect and tune properties, and iterate with Claude feedback for rapid design exploration and refinement.

Delegate to AI experts for architecting reusable, accessible React UI components with Next.js 14+ App Router, Server Components, Tailwind, and shadcn/ui; implementing full-stack apps with TanStack Start, SSR/SSG/ISR, server functions, and type-safe Vite-based development using latest best practices and project awareness.

Spec-driven development workflow for Next.js full-stack apps. Guides a project from rough idea through structured spec drafting, refinement, phase planning, and implementation — with environment setup, secret-leak auditing, and stack troubleshooting.

Build complex, multi-component HTML apps with state management and shadcn/ui components that render inline in Claude.ai, bundled as single-file artifacts.

Configure FeatureDrop toolkit in React apps via Claude Code to add changelogs, onboarding tours, checklists, badges, hotspots, feedback widgets, and surveys optimized for Tailwind or shadcn-ui styling, accelerating product adoption setup.

Build and deploy full-stack dApps on Monad blockchain: scaffold Next.js frontends with wallet integration, write and deploy Solidity smart contracts, manage indexers, and estimate gas costs—all from within the LLM.

Guide installation, configuration, theming, and usage of shadcn/ui React components with Tailwind CSS and Radix/Base UI primitives, using CLI commands, components.json, CSS variable theming including OKLCH colors, dark mode, RTL support, form patterns with React Hook Form or TanStack Form, and setups for Next.js, Vite, Astro, Remix, Laravel, Gatsby, TanStack Start, and monorepos.

Automates GitHub workflows with isolated git worktrees for branch isolation, automated PR creation and review resolution, issue triaging and planning, plus provides MCP servers for Next.js/shadcn/ui component management, Chrome DevTools browser inspection, and library documentation lookups.

Orchestrate specialized AI agents via a single command to generate complete Next.js App Router frontends integrated with AI SDK, Supabase for auth and database, shadcn/ui components, Tailwind CSS, and TypeScript, always using the latest dependency versions.

Interactively scaffold TanStack Start projects via CLI, selecting from 30+ integrations to configure full-stack apps with data fetching, authentication, ORMs, deployment, databases, and AI agent servers in a single guided workflow.

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

Automate browser E2E testing, social media scraping, CRM management, and SaaS UI generation with a company-wide context layer that enforces security policies, coding standards, and AI agent readiness audits across all projects.

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.

Generate maintainable frontend components from design prototypes like images or PDFs. Analyze structure incrementally, extract design tokens, confirm architecture, and output code for React/Next.js, Vue, SvelteKit with Tailwind and shadcn/ui, building one component at a time.

Orchestrate the full software development lifecycle within Claude Code: generate plugins, run TDD loops, automate multi-agent code and design reviews, analyze codebase architecture, enforce file-write policies, and connect to external MCP services for RAG and GitHub Copilot integration.

Develop full-stack web apps with Wasp (React, Node.js, Prisma) by adding authentication, email sending, database setup, Tailwind/ShadCN styling, and deploying to Railway or Fly.io. Includes expert advice on app improvements, dev server with database and browser console debugging, and automated initialization of Wasp best practices.

Engineer Svelte-first interactive frontend experiences with animations (GSAP, Lenis), 3D/WebGL (Threlte), scrollytelling, data visualization (D3, Layer Cake), and headless UI (Melt), guided by creative direction, design system implementation, and UX research, with performance rules and bun tooling.

Installs and configures Ein UI liquid glass morphism components in React/Next.js projects using the Shadcn CLI registry with Tailwind CSS v4

Convert markdown research reports into interactive React presentation websites using Tailwind CSS v4 and shadcn/ui. Parse report structure into tabs, integrate interactive components like calculators, apply customizable dark professional themes with responsive design and accessibility, then build static sites with Vite or Next.js and deploy to GitHub Pages via automated repo creation and Actions.