tailwind plugins

by MagicPathAI

Use MagicPath to find, inspect, install, create, and edit UI components from Codex.

by Manavarya Singh

Extract any website's design language and ship it. Fourteen slash commands — /extract, /site, /grade, /battle, /remix, /pack, /theme-swap, /brand, /pair, /studio, /verify, /fidelity, /gallery, /dna — wrap the designlang CLI to pull DTCG tokens, Tailwind/shadcn/Figma vars, motion + voice, synthesize a whole-site canonical design system with a consistency grade, generate shareable graded report cards, head-to-head battle pages, six-vocabulary remixes, downloadable design-system bundles, OKLCH-correct theme recolouring, full editorial brand-guidelines books, design crossovers between two sites, a live token-editor studio, a rebuild-and-pixel-diff fidelity check, a measured clone-vs-original fidelity score (visual + motion) with a ranked correction plan via /fidelity, a shareable static gallery of scored clones via /gallery, and — via /dna — a measured design space that places any site among real design systems by nearest neighbours, per-axis percentiles, and the features that make it look the way it does.

by stark contributors

UI/UX design plugin for AI coding agents. Routes product flow, platform idiom, originality, motion, assets, and tokens before implementation.

by Sarvesh Chidambaram

Memi is the design layer for agentic AI.

by WatermelonCorp

Search, compare, compose, and install free source-backed React UI from Watermelon.

by adityaraj0421

A virtual design team for Claude Code, Cursor, Windsurf, Gemini CLI, and Copilot — powered by Naksha. Assembles specialist roles — UI designer, UX researcher, content designer, Figma expert, data viz, email, social, motion, presentation, brand strategy, illustration, video, conversational, spatial, compliance, and more — for any design task. 26 roles, 63 commands, 15,000+ lines of expert design knowledge. Your agency's design brain, inside your terminal.

by Gopher Guides

Opinionated Go web app scaffolding with Templ + HTMX + Alpine.js + Tailwind

by Gopher Guides

Tailwind CSS v4 tools for initialization, auditing, migration, and optimization

by YONGJAE LEE

Motion forensics for the animated web. Four jobs against a live URL: decode (analyse motion + build, no code), clone (URL → React + Tailwind), verify (AE/SSIM + motion-parity score vs. an existing impl), extract (raw JSON dump). Extracts real CSS and animation params (GSAP / Framer Motion / Lenis / anime.js) directly from JS bundles, then verifies with AE/SSIM diff — no vision tokens. Three skills: ui-reverse-engineering (decode/clone/verify/extract entry points, supports Webflow IX2 / Next.js / Tailwind v4), ui-capture (reference + transitions), visual-debug (AE/SSIM diff + computed-style mismatch diagnosis).

by Paulo Soares

Stack-agnostic UI/UX engineering framework for Claude Code — 6 real subagents + inline orchestrator/theme personas, 5-phase workflow with human gates, Figma integration, WCAG 2.1 AA, deterministic SQLite audit via hooks. Supports shadcn-vue, shadcn/ui, PrimeVue, Untitled UI, Tailwind Plus, and custom stacks.

by dorianspitz23

Make any website look professionally designed: settle one bold design direction, fit components to it, add purposeful motion, then strip every tell-tale sign of AI-generated design.

by Owen Ayres

Turn designs (screenshots or Figma frames) into production-quality code: React + Tailwind v4 on web, React Native + Expo on mobile — with skills for component best practices, design verification, and accessibility.

by HeyGen

Write HTML, render video. Compositions, Tailwind v4 styles, GSAP and runtime adapter animations, captions, voiceovers, audio-reactive visuals, and website capture for HyperFrames.

by HeyGen

Write HTML, render video. Compositions, Tailwind v4 styles, GSAP and runtime adapter animations, captions, voiceovers, audio-reactive visuals, and website-to-video capture for HyperFrames.

by Lux Solari

A governed Swiss visual system with exact Tailwind tokens, component rules, and house-mark guidance.

by MagicPathAI

Use MagicPath to find, inspect, install, create, and edit UI components from Codex.

Frontend coding conventions plus the workflow around them. One fe-coding skill detects the stack (Next.js App/Page Router, React Native Expo/CLI, Next.js API + Prisma) and applies the _modules architecture, component hierarchy, Link-only navigation, function minimalism, visible empty states and Zod/React-Hook-Form validation. Workflow skills cover project setup, Figma-to-code, ticket workflow, BA/PO ticket writing (requirement → templated ClickUp ticket), mobile release notes, deployment checks, spec-driven (OpenSpec), and capturing corrections as rules. Each project keeps its own live, committed copy of the rules (edit it, review the diff, PR it back) and can register the other repos of its system so cross-repo contracts are read from the real files instead of guessed. Bundles the context7 and Framelink Figma MCP servers so they load on install.

by Lux Solari

A governed red and turquoise Swiss visual system with exact Tailwind tokens and structural component rules.