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 production-grade React/Next.js frontends and cross-platform mobile apps (React Native, Flutter) with component architecture, state management, design systems, and automated scaffolding for UI, tests, and accessibility.

Enforce premium, anti-generic frontend design patterns across your projects — brutalist, minimalist, editorial, and conversion-aware layouts with strict typography, color, spacing, and motion standards. Includes design audit/upgrade, image-to-code workflows, and architecture conventions for React/Next.js + Tailwind.

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.

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.

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.

Audit designs for WCAG compliance, critique UI usability, generate developer handoff specs, manage design systems, synthesize user research, write UX copy, and connect to Figma, Notion, Slack, Asana, Jira, Linear, and Intercom to centralize design workflows.

Orchestrate multi-LLM workflows across providers (Claude, Gemini, Codex, Copilot) for the full software lifecycle — research, architecture, implementation, code review, security audit, testing, and delivery — using structured Double Diamond phases and autonomous agents.

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

Build, deploy, and manage Expo React Native apps with native UI development (SwiftUI/Jetpack Compose), EAS CI/CD pipelines, app store submission, performance monitoring, native module integration, and Tailwind CSS styling.

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.

Extends Claude Code with spec-driven development workflows: autonomous long-running tasks, multi-agent deep research, structured feature planning with EARS requirements and constitution-based specs, GitHub issue fixing and PR review, skill benchmarking and creation, image generation, and session learning capture.

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.

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.

Build, deploy, and manage full-stack applications, mini-programs, and cloud functions on Tencent CloudBase, with AI-powered code auditing, documentation creation, automated git workflows, and interactive prototyping.

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.

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.

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.

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.

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.

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.

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.

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.

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.

Automate affiliate marketing workflows end-to-end: research untapped niches and competitor strategies, generate SEO-optimized content and ad copy, build email sequences and landing pages, and track performance with dashboards and audits.

Run an interactive design workflow that interviews you about requirements, generates five UI variations matching your project's style, collects feedback, refines the best elements, and produces an implementation plan with cleanup of temporary files.

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.

Assembles a virtual design team inside the terminal — UI, UX, brand, motion, social, email, data viz, print, and AI media — to produce production-quality designs across web, mobile, social, email, presentations, and print. Orchestrates multi-step design pipelines, audits accessibility and visual quality, generates code and Figma assets, and persists project memory for cross-session consistency.

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.

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.

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.

Monitor ClickHouse cluster health and performance through a real-time dashboard built with React and Tailwind CSS. Manage and add UI components for the chmonitor observability interface using shadcn CLI tools.

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.

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.

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.

A founder operating system that turns GitHub into a command center for running a business with AI agents — manages departments, weekly planning, retros, product roadmaps, competitive analysis, media production with HTML drafts, and Telegram bot operations through structured workflows and automated issue tracking.

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.

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.

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.

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.

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.

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.

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.

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.

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.

Audit and fix Nuxt SEO across 8 modules: configure sitemaps, robots.txt, OG images, Schema.org structured data, meta tags, and link health. Run scored SEO audits with file-specific recommendations, validate structured data, generate OG image templates, and set up sitemaps with i18n support.

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.

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.

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.

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.

Develop and deploy Craft CMS 5 sites and plugins with AI agents that scaffold projects, write php/twig code following conventions, debug bugs, review PRs, and manage hosting on Craft Cloud or Servd

Define and manage semantic models that map database tables to business dimensions and metrics, then generate analytics webapps with copyable React/Tailwind components from those models. Supports importing from Cube, dbt, and LookML, and validates queries against the semantic layer.

Provides Claude Code with a comprehensive library of skills for web consulting: TYPO3 v14 development, frontend UI/UX, mobile app design, security audits, SEO, code quality refactoring, AI video creation, and marketing automation.

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 AI-assisted development workflows in Claude Code: generates PRDs, manages projects, accumulates knowledge via wiki and memory DB, learns from mistakes, runs retrospectives, audits SEO/security, orchestrates multi-agent teams, and conducts market research on Reddit.

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 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.

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.

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, 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.

Drive a DDD-based full-stack workflow for Rust + React projects: scaffold projects, write PRDs and design docs, generate task plans, implement backend and frontend code, run tests, and finalize releases with automated CI, acceptance checks, and documentation sync.

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.

Build cohesive 3D/animation web experiences using multi-library patterns for Three.js, GSAP, Framer Motion, and React Spring, with modern web design guidelines, automated audits, and boilerplate project scaffolding

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.

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.

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.

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.

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.

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.

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

Audit and generate modern web designs with CSS patterns, micro-interactions, and accessibility compliance, guided by an AI agent that implements 2024-2025 trends like glassmorphism and scrollytelling.