Tailwind plugins

Access 50+ UI/UX styles, color palettes, font pairings, guidelines, and charts to plan, build, review, and optimize web and mobile interfaces across React, Next.js, Vue, Svelte, Tailwind, React Native, and Flutter.

Create, read, edit, and generate Office documents — Excel spreadsheets, Word reports, PowerPoint presentations — plus PDF manipulation, form filling, and conversion between formats. Also includes art/image generation, frontend UI building, and document co-authoring workflows.

Build full-stack web UIs and cross-platform mobile apps with Next.js, React Native, Tailwind CSS, and React state management — scaffolds production-ready components with tests and accessibility

Generate accessible UI components, build design systems with tokens and patterns, audit WCAG compliance, review designs for usability and performance, and implement responsive layouts for web (React/Vue/Svelte/Tailwind) and mobile (iOS/Android/React Native) apps using specialized skills, commands, and expert agents.

Orchestrate swarms of specialized AI agents to automate end-to-end software development: plan features, implement code with Rails/Python/TS patterns, conduct multi-perspective reviews for architecture/security/performance, resolve todos/PR feedback in parallel, run browser/iOS tests, sync Figma designs, generate docs/videos, and ship PRs.

Build, deploy, and optimize Expo React Native apps for iOS and Android with EAS workflows, API routes, Tailwind CSS styling, and production release management including app store submissions and OTA updates.

Frontend development bundle that optimizes forms for higher conversion, designs distinctive interfaces, enforces Next.js App Router best practices, applies 45 React performance rules, provides modern React patterns, diagnoses SEO issues, and configures Tailwind CSS v4 design tokens.

Create video compositions from HTML with animations, captions, voiceovers, and audio-reactive visuals. Supports GSAP, Anime.js, Three.js, Lottie, WebGPU, and Tailwind CSS within a deterministic seek-driven time model. Includes CLI tooling for scaffolding, asset preprocessing, and rendering.

Run structured multi-LLM workflows across the Double Diamond process — research, scope, implement, and deliver with autonomous agents, code review, security audits, and TDD enforcement, all orchestrated via Claude Code.

Audit designs and live pages for WCAG accessibility compliance, critique UI usability, generate developer handoff specs from Figma, manage design systems, synthesize user research, and write UX copy. Connects to external tools like Gmail, Asana, Slack, Intercom, Calendar, Jira, Linear, Notion, and Figma API.

Build, deploy, and maintain Expo mobile apps with native capabilities—create native modules, integrate SwiftUI/Jetpack Compose, set up API routes, handle upgrades, configure Tailwind styling, and automate CI/CD workflows for app store submissions and update monitoring.

Extract any website's design language (colors, typography, spacing, motion) into DTCG tokens, Tailwind config, shadcn/ui themes, Figma variables, and CSS. Grade accessibility, battle two sites, remix into 6 design vocabularies, recolor via OKLCH, or package a full design system bundle.

Detect and rewrite AI-generated Korean text to sound human-written, using a multi-phase pipeline that scans for 40+ AI-typical patterns across 10 categories, preserves content, and validates semantic equivalence.

Run interactive frontend design wizards to research UI/UX trends from Dribbble and Coolors, analyze websites for inspiration via browser screenshots and extractions, curate Tailwind-compatible color palettes and typography pairings, create visual moodboards, review HTML for design principles and accessibility issues, and generate production-ready UI code.

Build full-stack Nuxt 4+ applications with authentication, SEO, CMS content management, UI components, database access, and deployment to Cloudflare or Vercel, while also providing Vue 3 patterns, 3D scenes, game development, TypeScript library authoring, and testing workflows.

Design beautiful, functional user interfaces, components, and design systems for rapid implementation in 6-day sprints. Generates Tailwind CSS classes with mobile-first layouts and reusable patterns ready for quick deployment.

Bootstrap production-ready fullstack MVPs with React+Vite+Tailwind frontend, Express/FastAPI backend, PostgreSQL+Prisma database, JWT/OAuth authentication, tests, Docker containers, and GitHub Actions CI/CD pipelines from a single command. Delegate to AI agents for designing APIs, database schemas, scalable architectures, UI/UX improvements, and deployment strategies.

Generate and sync application design documents and tech stack documentation by analyzing codebase, package.json, git history, configs, and deployment details via interactive Q&A on project stage, priorities, and evolutions. Installs via shadcn-style registry with postinstall hooks for Claude AI.

Deploy and manage Tencent CloudBase full-stack apps, mini-programs, and cloud functions via an MCP server, while automating code reviews, documentation sync, git workflows, and PR fixes across the repository.

Generate React, Vue, or HTML code from Figma designs using Anima SDK, automate pipelines with CI/CD via GitHub Actions, optimize API costs and performance with caching and throttling, debug errors, secure tokens, set up local dev loops with Vite previews, and deploy serverless APIs to Vercel or GCP.

Generate and integrate web design assets directly into projects: accessible Tailwind color palettes with dark mode and WCAG checks, complete favicon packages with HTML tags and manifests, custom SVG icon sets, AI images via OpenAI/Gemini from descriptions, and image processing like resize/optimize/convert.

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.

Scaffold and deploy full-stack Cloudflare Workers apps with Hono APIs, Vite+React+Tailwind+shadcn frontends, Drizzle/D1 databases including schemas/migrations/seeds; manage infrastructure via REST API for DNS records, cache purges, WAF rules, R2/KV ops.

Build scalable design systems by generating tokens, component specifications, documentation templates, naming conventions, icon systems, and pattern libraries. Audit for WCAG accessibility, consistency, token coverage, and theming support using dedicated skills and commands.

Build complex React UIs with Tailwind CSS, shadcn/ui components, state management, and routing, then bundle them into standalone HTML artifacts for direct use in Claude.ai.

Review and refactor React, Next.js, and React Native code using Vercel engineering best practices for performance optimization, component composition patterns, mobile app efficiency, smooth view transitions, and web UI design/accessibility audits.

Generate accessible, responsive UI design systems with color palettes, tonal scales, typography scales, spacing systems, layout grids, and visual hierarchies from brand inputs or descriptions. Use commands to design full screens, create type systems, produce palettes with dark mode variants, and audit responsiveness across breakpoints.

Execute 16 specialized slash commands to scaffold SvelteKit projects with TypeScript/Tailwind/auth/DB, generate components/tests/Storybook stories, debug errors/migrate versions, optimize performance, audit accessibility, fix tests, and troubleshoot Storybook setups.

Scan your project's stylesheets and templates to detect unused CSS selectors, variables, and duplicates with confidence scores and potential bundle savings. Then consolidate by merging redundant rules, unifying properties, grouping media queries, and extracting utilities—reducing file sizes while preserving exact visual output and reporting metrics.

Implement mobile-first responsive breakpoints using CSS Grid, Flexbox, Tailwind, and relative units for components or pages. Test designs across iPhone, iPad, Android, and desktop viewports in portrait/landscape orientations, capturing screenshots, detecting layout and accessibility issues, and generating comparison grids with detailed reports.

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.

Scaffold React/Next.js projects with TypeScript and Tailwind, generate tested components and hooks, analyze bundles to optimize performance, and apply advanced patterns with accessibility best practices.

Run interactive design sessions that interview requirements, generate UI variations, collect feedback, and output refined designs with implementation plans for your frontend components.

Provides 110 production-grade skills for Claude Code covering code review, security auditing, architecture analysis, testing, research, content creation, and agent automation. Includes git workflows, dependency auditing, manuscript validation, UX design review, and CI/CD pipeline management.

Provides 59 expert skills covering the full SaaS lifecycle for non-technical founders building with AI tools: planning, design, build, database, integrations, AI features, security, testing, debugging, deployment, monitoring, marketing, pricing, growth, and business strategy.

Expert web development agent for React, Next.js, NestJS, TypeScript, and Tailwind CSS that handles code analysis, component creation, debugging, performance optimization, and architectural decisions.

Develop production PHP apps with Laravel, Symfony, and WordPress: generate clean architectures and AWS Lambda handlers, build Sage themes, use expert agents to review code, refactor for SOLID principles, audit security vulnerabilities, design DDD structures, plus PHP LSPs for diagnostics, navigation, and intelligence.

Generate distinctive, production-grade frontend UIs for web apps, landing pages, dashboards, and components using HTML, CSS, Tailwind, and TypeScript. Enforces design tokens for creative, polished code that avoids generic AI-generated aesthetics.

Assembles a virtual design team of 26 specialist roles (UI, UX, brand, motion, social, email, data viz, print, AI media) inside the terminal. Generates production-quality design output — Figma components, HTML/CSS pages, email templates, charts, presentations, brand kits, accessibility audits, and AI-generated images, video, and audio — from a single command or multi-step pipeline.

Design beautiful, functional user interfaces, components, and design systems for rapid implementation in 6-day sprints using Tailwind CSS classes, mobile-first layouts, and reusable patterns.

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.

Develop cross-platform desktop apps using Electron, Flutter, TypeScript, and Tailwind CSS. Analyze codebases, build UI components, debug issues, optimize performance, and get architecture advice for efficient workflows.

Enables real-time monitoring of ClickHouse clusters through an interactive dashboard built with React and Tailwind CSS

Design beautiful, functional UIs, components, and design systems for rapid implementation in 6-day sprints using Tailwind CSS classes, mobile-first layouts, and reusable patterns.

Generates business intelligence dashboards, infographics, AI images/videos, and automates posting to social media (WeChat, X, Xiaohongshu) with tools for document parsing, Obsidian integration, and browser automation.

Run a solo-founder business with AI agents: manage strategy, product, engineering, and operations through GitHub issues, weekly planning/retros, PRDs, roadmap prioritization, competitor analysis, meeting copilot, and media production — all from Claude Code.

Orchestrate a full AI engineering team of 12 specialized agents in Claude Code to handle complete software dev lifecycles: delegate planning, fullstack feature builds, UI design, refactoring, migrations, code reviews, security verification, debugging, DB analysis, onboarding, tooling, and research, backed by 15 automation hooks for pre-commit checks, branch protection, secret scanning, and quality enforcement via P7/P9/P10 methodologies.

Automate end-to-end solo dev workflows in Claude Code with 24 parallel agents auditing code quality, security, bugs, UI/UX, database, performance, deps, SEO, API, docs, infra and 6 skills for TDD bug fixes, new features, pre-commit checks, pre-deploy validation, full audits, release prep.

Develop cross-platform desktop apps using Electron, Tauri, or Flutter with TypeScript and Tailwind CSS. Analyze codebases, build UI components, debug issues, optimize performance, and receive architecture advice.

Develop cross-platform desktop apps with Electron, Tauri, or Flutter using TypeScript and Tailwind CSS. Analyze existing codebases, build UI components, debug runtime issues, optimize app performance, and architect for multi-platform deployment.

Accelerate full-stack development with an integrated toolkit for architecture planning, test-driven debugging, secure CI/CD, code review, documentation, and automated git workflows and releases.

Get expert assistance building React, Next.js, NestJS, TypeScript, and Tailwind CSS applications — including code analysis, including code analysis, component creation, debugging, performance optimization, and architectural decisions.

Install and customize 100+ animated Aceternity UI React components directly into Next.js Tailwind projects via shadcn CLI, enabling hero sections, parallax, 3D effects, and Framer Motion animations while fixing common integration errors.

Bootstrap Vite + React projects with production-tested Tailwind CSS v4 and shadcn/ui setup. Configure dark mode via ThemeProvider, CSS variables with @theme inline, vite.config.ts, component composition, and v3 migration while resolving theming and color issues.

Build animated hero sections, 3D effects, and interactive backgrounds in Vue/Nuxt apps using 120+ pre-built TailwindCSS components powered by motion-v, GSAP, and Three.js, with included setup and integration error fixes.

Import React/Tailwind components from your project into Subframe to design pixel-perfect UIs with AI variations and visual refinements, then implement them as code with business logic synced directly into your codebase using CLI setup and MCP connections.

Master Deno development end-to-end: scaffold projects with Fresh templates, build Tailwind-integrated frontends, review code for best practices and runtime issues, deploy via CLI to Deno Deploy with KV and custom domains, and execute untrusted code in secure Firecracker microVM sandboxes.

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.

Scaffold Nuxt 4 projects via interactive wizard selecting UI, DB, auth, and deployment prefs; develop core setup/routing/SEO, data fetching/state, server APIs/DB/WebSockets, and production optimizations using guided skills; autonomously diagnose hydration/SSR/routing/build issues, migrate from Nuxt 3, and analyze performance bottlenecks with agents.

Setup, audit, and debug SEO for Nuxt 3+ apps — install modules, validate sitemaps/robots.txt/OG images, check Schema.org structured data, scan links for broken or poor text, run scored technical SEO audits with categorized issues and file-specific fixes.

Build performant headless data tables in React apps using TanStack Table v8, with server-side pagination, filtering, sorting, and virtualization powered by Cloudflare Workers and D1 databases, plus TanStack Query integration for caching, state management, and URL synchronization.

Set up Nuxt UI v4 with Tailwind v4 in existing Nuxt 4 projects, migrate from v2/v3, scaffold typed Vue components for dashboards/forms/modals/chats, generate semantic themes, select optimal components for layouts/overlays, access remote docs, and diagnose/fix styling/composable/TS errors.

Persist local memory for AI coding agents across projects and tools like Claude, Codex, Cursor, Windsurf. Auto-detect project stack, save/recall/search decisions and preferences, sync bidirectionally with CLAUDE.md, import/export between providers, track vitality, activities, and health—all zero cloud.

Validate and enforce Tailwind CSS best practices with component patterns, configuration guidance, production optimization, responsive design utilities, and LSP-powered code intelligence for utility-first CSS in React, Vue, or plain HTML projects.

Enforce Bence's code conventions to ensure consistent code style, tech stack, and workflows in React/Next.js/TypeScript projects using Tailwind, Shadcn UI, Zustand, and Supabase/Convex backends. Apply during code writing or project setup for standardized development.

Accelerate Ruby on Rails app development by generating idiomatic code for Hotwire, GraphQL, background jobs, state machines, admin panels; performing DHH-style reviews, performance audits, data integrity checks; writing RSpec/Minitest; optimizing PostgreSQL/SQLite queries; deploying via Kamal/Docker; researching/building gems—all powered by 50 specialized skills, agents, commands.

Create, review, and polish Chinese and English documents — from research reports and books to proposals, slides, and posters — with AI-powered writing, translation review, contract annotation, and automated formatting for PDF, DOCX, and HTML output.

Automates the full AI-assisted SaaS development lifecycle: from product idea research and PRD generation through multi-agent coding, security/SEO audits, and automatic knowledge accumulation with session retrospectives.

Profiles competitors from URLs using live site scraping and SEO data, generates SEO-optimized pages at scale, optimizes conversion funnels, and creates marketing copy, email sequences, and ad creative. Also provides TYPO3 extension development, migration, and security hardening, plus React/Next.js performance optimization and shadcn/ui scaffolding.

Architect production headless CMS backends in C#/.NET with EF Core: model flexible content types via JSON columns, design relationships/taxonomies/navigation, implement versioning/workflows/media pipelines, generate APIs/CDN strategies, and theme multi-site setups using interactive skills and agents.

Run deterministic UX audits, generate production-grade UI components and design systems, and enforce brand-fidelity and accessibility — all offline with zero LLM calls. Includes a 7-axis design synthesizer, anti-pattern linter, motion auditor, microcopy editor, and design thinking workshop facilitator.

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.

Implement Framer Motion animations directly in React apps to create drag-and-drop interfaces, gesture-driven interactions, scroll-linked effects, SVG morphing, layout transitions, and spring-based physics while optimizing bundle sizes to avoid common errors.

Design, build, and audit premium React/Next.js UIs with production-ready components, design pattern research, competitive analysis, UX research, and accessibility validation.

Generate unique frontend UI designs with custom typography pairings, color palettes, asymmetric layouts, and targeted animations for landing pages, dashboards, and components, avoiding generic AI styles. Implement them as responsive React apps using Tailwind CSS, design tokens, component libraries, and modern techniques.

Build node-based editors, interactive diagrams, flowcharts, graphs, and workflow builders in Svelte applications using Svelte Flow. Set up core components like nodes, edges, controls, and interactivity, then create custom nodes, resizable designs, toolbars, handles, and Tailwind-styled UIs.

Build interactive node-based editors, flow diagrams, workflow builders, and custom graphs with React Flow. Set up core elements like nodes, edges, controls, and interactivity, then extend with custom React components, TypeScript types, Tailwind styling, and edge handles for tailored UIs.

Automate end-to-end React Native/Expo app development with multi-agent AI harness: orchestrate planning, feature coding, TDD cycles, visual/video debugging, performance profiling, security audits, native module scaffolding, SDK upgrades, and autonomous ticket-to-PR workflows via 22 commands and 13 agents.

Invoke vibesubin to run parallel agent skills across your git repo, diagnosing security leaks, code rot, asset bloat, design drift, and conventions; verifying refactors; scaffolding CI/CD and secret management; unifying design systems; generating AI-friendly docs—delivering a single prioritized report with fixes and setups.

Build, audit, and evolve brand identities in your codebase using Dunford, Neumeier, StoryBrand, and NN/g frameworks. Generate positioning statements, messaging scripts, voice guidelines, visual stylescapes, ad copy, and landing pages. Audit assets across CSS, HTML, Tailwind, and JS for consistency; analyze competitors; sync briefs with Obsidian.

Delegate frontend development tasks to an AI agent that builds responsive UIs, dashboards, and components in React, Vue, Angular, or Svelte; fixes mobile responsiveness issues; manages state; ensures accessibility; and optimizes performance for large datasets.

Generate animated React components from Magic UI and shadcn-ui, choreograph complex sequences with Anime.js and React Spring, render Lottie animations, apply AOS scroll reveals, and optimize performance. Use Python commands to import components, build configs/props/timelines, and consult specialist agents for integration and best practices in web UIs.

Build conversational AI chat interfaces in Next.js App Router apps by integrating shadcn/ui components with Vercel AI SDK v5, enabling streaming responses, tool calls, reasoning visualization, and markdown rendering without setup hassles.

Set up Hugo static sites integrated with Tailwind v4, Sveltia or Tina headless CMS, and Cloudflare deployment using GitHub Actions. Resolve common setup errors including theme installation, frontmatter issues, baseURL configuration, and version conflicts to quickly launch blogs or documentation sites.

Build unstyled, accessible React UI components such as dialogs, selects, popovers, and accordions using MUI Base UI integrated with Floating UI for precise positioning. Migrate from Radix UI, adopt render props API, or resolve popup and v1.0 beta issues in React apps.

Delegate specialized Laravel tasks to Claude Code agents and skills: architect scalable apps, model Eloquent schemas and optimize queries, design REST APIs with auth and resources, review code quality and security, debug issues, tune performance via caching and queues, write Pest tests with TDD, implement notifications and scheduling, and generate docs.

Build and optimize modern React 19/Next.js 15 frontends by generating components, state management with Zustand, UI designs via Tailwind/CSS, and performance audits for Core Web Vitals using targeted commands and proactive agents for architecture, styling, and optimization.

Consult an AI agent for hands-on web development help: fix Next.js routing issues, generate TypeScript React components styled with Tailwind CSS, analyze code, debug problems, optimize performance, and plan architecture in modern frameworks like NestJS.

Delegate code analysis, UI component creation, debugging, performance optimization, and architecture design for cross-platform desktop apps to a specialized AI subagent supporting Electron, Tauri, Flutter, TypeScript, and Tailwind CSS.

Installs all skills from every plugin in the Claude Code marketplace, providing a comprehensive skill library covering Elixir, Rust, Kubernetes, Ansible, Slidev, Git workflows, testing, accessibility, CI/CD, security scanning, and multi-agent orchestration.

Bridge Figma designs to codebases via local MCP server: generate production-ready React, Vue, or HTML/CSS from frames and components with Code Connect; extract design tokens to CSS custom properties, TS/JS objects, Tailwind config, or Style Dictionary; sync design systems by inventorying gaps and updating mappings; analyze hierarchies, styling, layouts for implementation guidance.

Generate interactive React-based presentation slides for LLM model evals, technical product demos, or reports. Provide an outline and theme (glass/flat); it confirms details, scaffolds the project with Tailwind CSS, assembles JSX slides using parallel subagents, and launches locally. Triggers on keywords like slides, presentation, demo, benchmark.

Implement architecture patterns integrating Three.js, GSAP ScrollTrigger, React Three Fiber, Framer Motion, and React Spring for scroll-driven 3D animations, physics interactions, and performance in React apps. Generate/audit modern CSS designs via commands and consult specialist agents for cohesive experiences.

Implement 2024-2025 modern web design trends like bold minimalism, glassmorphism, micro-interactions, and scrollytelling using CSS/HTML patterns, automated design audits via Python scripts, interactive pattern generation, and specialist guidance for React/Next.js/Vue/Svelte/Tailwind integrations with performance and accessibility focus.

Import pre-built animated React components from Magic UI and React Bits into Tailwind/shadcn-ui projects via interactive Python commands. Generate customized props on demand and consult a specialist agent for implementation patterns, performance tweaks, integrations, and troubleshooting.