Tailwind plugins

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

Process PDF, Word, PowerPoint, Excel documents and build interactive HTML artifacts with React, Tailwind, and shadcn/ui. Apply brand themes, generate art, and automate document creation with design guidance, testing, and MCP server skills.

Generate, audit, and upgrade frontend UI with curated design aesthetics—brutalist, minimalist, soft, editorial, premium brand—enforcing pixel-perfect typography, color systems, grid layouts, and motion while blocking cheap defaults, including full code generation from design prompts and mobile screen concepting.

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

Build and scaffold production-ready frontend and mobile applications with Next.js, React Native, and Flutter. Includes patterns for state management, design systems with Tailwind CSS, and cross-platform development with performance optimization and accessibility.

Design and implement UI components, design systems, and accessible interfaces for mobile (iOS, Android, React Native) and web applications. Includes WCAG compliance auditing, responsive layouts, microinteractions, and cross-platform component patterns.

Write HTML, render video with HyperFrames — create talking-head captions, faceless explainers, music-synced videos, motion graphics, slideshows, promo videos, and PR changelogs from Figma designs, GitHub diffs, or product URLs, then deploy to local, HeyGen cloud, AWS Lambda, or GCP Cloud Run.

Generate Angular applications, components, services, and code with architectural guidance for signals, forms, routing, SSR, accessibility, and testing.

Ship Expo React Native apps to production with EAS CI/CD pipelines, including App Store optimization, API route management, Tailwind CSS styling, and native module development.

Profile, optimize, and monitor application performance across frontend and backend systems using OpenTelemetry, Prometheus, Grafana, and Datadog. Includes React/Next.js optimization, caching, load testing, and observability setup with SLI/SLO management.

Guides frontend web development with skills for building distinctive designs, optimizing React/Next.js performance, implementing SEO best practices, and improving form conversion rates. Covers modern patterns for Server Components, Tailwind CSS v4, and React hooks.

Automatically applies daisyUI 5 component classes, semantic colors, and themes when generating HTML/JSX with Tailwind CSS, enabling rapid UI development without manually writing utility classes.

Guides developers through the full lifecycle of launching and monetizing a SaaS product, from MVP development and payment integration to product analytics, email marketing, referral programs, pricing strategies, and SEO optimization.

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

Scan frontend codebases for XSS vulnerabilities and implement secure coding patterns across React, Vue, Angular, and mobile apps with expert agents for both security fixes and general frontend development

Enforce a consistent v1 frontend design taste across React, Next.js, and Tailwind projects with configurable variance, motion, and density parameters, preserving backward compatibility for existing codebases.

Audit and optimize frontend web applications with expert guidance on accessibility compliance, form conversion, design systems, React/Next.js patterns, performance tuning, SEO, and Tailwind CSS — all in one skill bundle.

Accelerates Expo & React Native mobile development with production-ready patterns for navigation, state management, native modules, and offline-first architecture. Manages the full mobile lifecycle: project scaffolding, Tailwind CSS v4 styling, EAS CI/CD pipelines, API route creation, development client builds, and App Store/Play Store deployment with metadata optimization and review analysis.

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

Build complex, multi-component HTML artifacts for Claude using React, Tailwind CSS, and shadcn/ui. Handles project initialization, development server, and single-file bundling for stateful, routed artifacts.

Develop responsive HTML email templates with React and Tailwind, preview them in a live dev server, and send them via Resend.

Audits and upgrades existing websites or apps to premium quality by fixing typography, color, and surface issues, working with any CSS framework or vanilla CSS.

Generate DaisyUI component blueprints and UI patterns using Figma design data via the official paid blueprint service.

Build scalable design systems with Tailwind CSS v4, leveraging CSS-first configuration, design tokens, component variants, responsive patterns, and accessibility best practices for creating component libraries or standardizing UI patterns.

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

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

Build mobile apps, frontend pages, and full-stack features while generating AI media (images, video, music, stickers) and documents (PDF, DOCX, PPTX, XLSX) via MiniMax APIs. Includes guides for Android, iOS, Flutter, React Native, and shader effects.

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

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

Build Vue interfaces using @nuxt/ui v4 component library — browse, select, and theme 125+ accessible components with Tailwind CSS, and compose layouts directly from your editor.

Build, deploy, and debug Expo React Native apps across iOS, Android, and web. Manage app store submissions, CI/CD pipelines, runtime updates, remote simulators for testing, and performance monitoring. Includes scaffolding, navigation, styling with Tailwind, native UI components, and migration from web frameworks.

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

Deploy a team of expert coding agents for software architecture, backend/frontend development, mobile apps, CMS platforms (Directus, Drupal, WordPress), and legacy modernization — each specialized in specific frameworks and best practices.

Orchestrate multi-agent development workflows with skills for collaborative design, autonomous coding via OpenAI, multi-agent research, GitHub issue fixing and PR review, image generation, session handoffs, and browser automation via Chrome DevTools.

Autonomous multi-agent development framework that orchestrates spec-driven sprints: agents plan, implement, test, and review code in parallel across frontend, backend, and CI/CD, converging on a finished feature without manual handoffs.

Develop Vue.js and Nuxt projects with Anthony Fu's curated ecosystem of Vue, Vite, Vitest, UnoCSS, Pinia, VueUse, and Slidev, plus opinionated TypeScript tooling, monorepo management, and modern bundling with pnpm, Rolldown, and Turborepo.

Audit and fix UI issues across accessibility, SEO metadata, animation performance, and layout/spacing in one command. Includes a CLI to route tasks to the appropriate skill set.

Scaffold and extend full-stack TypeScript monorepos using Better-T-Stack, with an agent that designs a valid stack from a product description and an MCP server that generates project files or adds addons like PWA, Tauri, and Biome.

Generate fullstack project scaffolds with React frontend, Express or FastAPI backend, PostgreSQL database, authentication, Docker, and CI/CD setup. Includes AI agents for API design, database schema, deployment, React expertise, and accessibility.

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

Run UX research, design critiques, accessibility audits, and brand guideline creation directly from Claude. Generate WCAG 2.2 compliance reports, structured usability feedback, design system health scores, and polished frontend UI with token systems.

Render streaming-optimized React Markdown with code highlighting, Mermaid diagrams, math rendering, and AI streaming integration.

Coordinate long-running, multi-session development campaigns with persistent state, intent routing, and parallel agent fleets across worktrees and repositories. Includes automated intake-to-delivery pipelines, campaign cost tracking, structured code review, refactoring, test generation, and project documentation that persists across sessions.

Automate Figma design-to-code conversion using Anima SDK: generate React, Vue, or HTML components with Tailwind/TypeScript, set up CI/CD pipelines, debug SDK errors, optimize API costs, and secure credentials.

Provides AI coding assistants with skills for Nuxt and Vue 3 development, covering project setup, UI components, content management, authentication, i18n, SEO, testing, and deployment with NuxtHub and Drizzle.

Interactive design wizard that researches UI trends, analyzes websites for inspiration, creates moodboards, selects color palettes and fonts, generates Tailwind CSS config, and reviews HTML for accessibility issues.

Design user interfaces and build design systems optimized for rapid 6-day sprints. The agent creates beautiful, functional components and handles UI/UX design tasks using Tailwind, CSS, and Figma.

Manage Tencent CloudBase resources including cloud functions, databases, and serverless deployments via MCP, with built-in skills for code review, documentation auditing, git workflows, and PR triage.

Migrate React Native projects from NativeWind to Uniwind, automating package removal, config migration, Tailwind 4 upgrade, and theme conversion, then build and debug components using Uniwind classNames with theming and variants.

Create full UI design systems by generating accessible color palettes, typography scales, responsive layout grids, spacing systems, and dark mode variants from brand inputs or natural language, with built-in compliance audits.

Build and maintain scalable design systems with automated accessibility audits, token extraction, component specs, and theming — from design tokens to production-ready patterns.

Enforces a design system with AI-powered code review, pixel verification, and automated UI generation. Scores frontend code against a design rubric, audits accessibility and UX, and applies coordinated design transforms across React/Tailwind projects.

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

Controls Figma Desktop from the terminal to build and edit designs, manage design tokens (shadcn/Tailwind/DTCG), extract design systems, and run accessibility audits — no API key required.

Generate design assets for web projects: accessible color palettes with WCAG contrast checks and Tailwind CSS output, favicon packages with all required formats and HTML tags, custom SVG icon sets with consistent styling, and image processing (resize, convert, optimize). Also generate AI images for hero sections, icons, and OG visuals using Gemini or OpenAI APIs.

Provides a comprehensive suite of Svelte and SvelteKit development commands for scaffolding projects, generating components and tests, debugging, migrating versions, optimizing performance, and integrating Storybook with accessibility audits.

Enforces a PDCA (Plan-Do-Check-Act) quality gate workflow for AI-generated code, verifying implementation against design specs with automated agents, audit trails, and level-based trust controls. Includes fullstack project scaffolding, sprint management, Zero Script QA via structured logs, and deployment pipelines.

Orchestrate parallel multi-agent workflows from plan files, execute headless browser automation, generate production-grade frontend code from design images, and manage Codex plugins, hooks, and custom agents.

Scaffold and manage Cloudflare Workers, Hono APIs, D1 databases with Drizzle ORM, and full-stack apps (Vite, TanStack Start, React 19) — including schema generation, migrations, seeding, and REST API operations for DNS, cache, WAF, and more.

Automates affiliate marketing workflows: content repurposing across platforms, email sequences, paid ad copy, SEO audits, landing page generation, and multi-program management with performance tracking and compliance checks.

Apply best practices for React, Next.js, and React Native: enforce performance patterns, use View Transitions, and review UI code against accessibility and design guidelines for web and mobile apps.

Generate and iterate frontend UI/UX design drafts directly from your codebase by analyzing components, layouts, and themes via CLI, with support for React/TSX, HTML, and Tailwind configurations.

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

Conduct design interviews to generate five UI variations matching your project's style, collect feedback, refine the best elements, and output implementation plans.

Expert assistance for web development using React, Next.js, NestJS, TypeScript, and Tailwind CSS, covering code analysis, component creation, debugging, performance optimization, and architectural decisions.

Assembles a virtual design team of 26 specialist roles (UI, UX, brand, motion, data viz, email, social, accessibility, compliance, spatial, conversational, and more) inside the terminal. Generates production-ready UI code, Figma components, design tokens, accessibility audits, brand kits, email campaigns, social media content, data visualizations, presentations, and print artifacts from natural-language requests.

Equips journalists, researchers, and small newsroom devs with 11 focused skills covering accessibility audits, Electron+React app patterns, mobile debugging, Python data pipelines, test-first bug fixing, ethical web scraping, no-build frontends, and CLAUDE.md maintenance.

Manage shadcn UI components in React projects - add, configure, and explore components locally.

Automate UI/UX design with an agent that creates implementable interfaces and design systems using Tailwind CSS and Figma, optimized for rapid 6-day sprints.

Implement drag-and-drop, scroll animations, gestures, SVG morphing, and layout transitions in React applications using Framer Motion, with optimized bundle sizes and spring physics support.

Design-driven UI development workflow that enforces anti-slop patterns, systematic design tokens, accessibility audits, and production readiness checks — from wireframing to pre-ship gates.

Guides the full design-to-build workflow for frontend projects: creates design briefs, plans information architecture, generates design tokens (CSS/Tailwind), builds production interfaces with aesthetic philosophies, runs structured design critiques, and breaks briefs into buildable tasks.

Get expert assistance building cross-platform desktop apps with Electron, Tauri, or Flutter, including code analysis, debugging, performance optimization, and architectural guidance.

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

Create beautiful, implementable user interfaces and design systems optimized for rapid 6-day sprints. Delegates UI/UX design tasks, generating code with Tailwind CSS and Figma integration.

Use 120+ copy-paste animated Vue/Nuxt components with TailwindCSS v4, motion-v, GSAP, and Three.js for hero sections, 3D effects, and interactive backgrounds, plus setup guidance and troubleshooting for CSS variables and motion-v integration.

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

Sets up and deploys Hugo static sites with Tailwind v4, headless CMS (Sveltia/Tina), and Cloudflare, including fixing common errors like theme installation, frontmatter, and baseURL issues.

Design and build React + Tailwind UIs visually in Subframe, import existing design systems, generate pixel-perfect components with business logic, and sync them into your local codebase.

Accelerate development workflows with a comprehensive Claude Code harness: 35 skills, 12 agents, and commands for spec generation, TDD, multi-agent orchestration, code review, documentation, and automated git/PR workflows. Supports React, TypeScript, Python, FastAPI, Tailwind, and more with quality gates and context optimization.

Build accessible React UIs with MUI Base UI's unstyled components and Floating UI for precise popup positioning, including migration support from Radix UI and render props API patterns.

Send and receive emails via the Resend platform, build email templates with React Email, manage domains and contacts, and follow deliverability best practices including SPF/DKIM/DMARC setup and webhook handling.

Get expert assistance with desktop application development using Electron, Tauri, or Flutter, including code analysis, debugging, performance optimization, and architectural decisions for cross-platform apps.

Get expert assistance with desktop application development using Electron, Tauri, or Flutter, including code analysis, debugging, performance optimization, and architectural decisions for cross-platform apps.

Get expert assistance for web development with React, Next.js, and NestJS, including code analysis, component creation, debugging, performance optimization, and architectural decisions using TypeScript and Tailwind CSS.

Integrate shadcn-vue UI components into Vue or Nuxt projects using Tailwind CSS and Reka UI for accessible forms, data tables, charts, and dark mode support.

Build and manage Nuxt UI v4 applications with 125+ accessible components, AI chat integration, and Tailwind v4 theming. Scaffold components, generate custom themes, migrate from v2/v3 with automated fixes, and diagnose configuration or TypeScript errors.

Audit, configure, and debug Nuxt SEO — validate sitemaps, robots.txt, OG images, Schema.org structured data, meta tags, and internal/external links, then generate reports with actionable fixes.

Generate emergency-ready medical summary cards (allergies, medications, implants, conditions) with multi-format output including HTML, JSON, PDF, and QR codes for travel, doctor visits, or rapid emergency access.

Build, debug, and deploy Nuxt 5 applications with skills for core setup, data management, server routes, and production optimization, plus diagnostic agents for hydration issues, migration from Nuxt 4, and performance analysis, and an interactive scaffolding wizard.

Build headless data tables with TanStack Table v8, featuring server-side pagination, filtering, sorting, and virtualization, integrated with Cloudflare Workers, D1 databases, and TanStack Query.

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

Enforce Tailwind CSS best practices and quality patterns across configuration, component design, responsive layouts, and production builds, with LSP-powered code intelligence for real-time diagnostics, completions, and navigation in CSS, HTML, JSX, TSX, and Vue files.

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.

Extract a deterministic design system from any URL, apply it to an existing project, or scaffold a new site from a design brief — all with versioned CSS, design tokens, and AI-slop guards.

Manage shadcn UI components in React projects with native-first design and accessibility standards.