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.

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.

Enforce award-winning UI/UX design taste in frontend projects, generating premium brand images, brutalist web interfaces, editorial layouts, and mobile app concepts while upgrading existing designs with strict typography, color, and spacing rules.

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.

Audit designs for WCAG compliance, critique UI usability, generate developer handoff specs from Figma, manage design system tokens, synthesize user research, and write UX copy — all within a design-to-development workflow.

Extract any website's complete design language — colors, typography, spacing, shadows, motion, and voice — and output DTCG tokens, Tailwind/shadcn/Figma variables, CSS, and a visual preview. Grade consistency, battle two sites, remix in six design vocabularies, recolor via OKLCH, generate brand guidelines, and rebuild pages for pixel-diff fidelity checks.

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.

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.

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.

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.

Orchestrate multi-agent development workflows with Evaluate-Loop cycles, parallel task execution, and a Board of Directors for design/architecture review, turning goals into test-driven code via structured track management

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 interactive UI design sessions: interview requirements, generate five distinct variations, collect feedback, iterate to a refined design, and produce implementation plans.

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.

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.

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 your terminal, enabling you to design, critique, audit, and generate production-ready assets across web, mobile, social, email, presentations, and print — all from Claude Code or compatible CLI tools.

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.

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.

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.

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.

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.

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.

Audit and optimize Nuxt app SEO: configure sitemaps, robots.txt, OG images, Schema.org structured data, meta tags, and link checking; run scored audits with file-specific fixes; generate custom OG image templates and type-safe JSON-LD.

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.

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 agent-guided scaffolding, content modeling, PHP/Twig coding standards, DDEV local environment, and deployment to Craft Cloud or Servd, plus code review and debugging agents

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.

Provides a comprehensive set of marketing, SEO, conversion optimization, and TYPO3 development skills for AI agents, enabling automated campaign management, content creation, code refactoring, and security auditing within Claude Code.

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.

Audit and fix code quality, security, accessibility, and performance issues across frontend and backend codebases. Generate typed React components, tests, Storybook stories, API endpoints, database migrations, and CI/CD configs. Manage git workflows, create documentation, and orchestrate multi-agent development tasks.

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 applications with production-ready animated components, design pattern research, competitive analysis, UX validation, and accessibility auditing—all integrated into the development workflow.

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.

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

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.

Delivers a structured DDD-driven development workflow for Rust+React projects, automating backend finalization, test execution and repair, documentation generation (PRDs, design docs, tutorials), HTML previews, UI mockups, task planning, and acceptance validation through specialized sub-agents and commands.

Install all marketplace skills at once for a unified development assistant covering Elixir, Rust, Zig languages, Docker/Kubernetes sandboxing, GitHub Actions automation, Slidev presentations, testing, and Claude Code customization.

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.

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.

Orchestrates the full SDLC for solo founders and small teams: an agentic CTO that decomposes features into architecture, code review, QA, and security tasks, enforces compliance audits across 50+ regulated domains, and gates each step with human sign-off — reducing engineering decisions to two per feature.

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.

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.

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.

Set up production-ready shadcn-vue UI components in Vue/Nuxt apps with Tailwind CSS and Reka UI, enabling accessible forms, data tables, charts, dark mode, and easy component imports.