Claude Code Tailwind plugins and skills

A design toolkit for Claude Code covering UI styling, design tokens and component specs, brand identity and voice, banners, logos, and HTML slide presentations with charts.

7 skills

@nextlevelbuilderInstall Plugin

Plugin for Coolify, an open-source platform for deploying apps, databases and services on your own servers. Adds Laravel skills for Horizon, Fortify authentication and coding conventions.

10 skills

@coollabsioInstall Plugin

Gives Claude Code a Payload skill for working with Payload CMS projects, covering collections, fields, hooks, access control and the Payload API, plus commands for dependency audits, CI flake triage, test conversion, UI review, issue triage and translation generation.

1 skill

@payloadcmsInstall Plugin

Skills that guide Claude Code when writing HTML and JSX with the daisyUI component library for Tailwind CSS, covering installation, configuration, usage rules, and color theming.

5 skills

@saadeghiInstall Plugin

Build responsive, accessible UI with Chakra UI, migrate projects from the previous major version, and refactor plain HTML, Tailwind, CSS Modules or styled-components code into Chakra components and themes.

3 skills

@chakra-uiInstall Plugin

Clones a website into a Next.js project using AI coding agents, run through a single command.

@jcodesmoreInstall Plugin

Beautiful, fast and modern React UI library. (Previously NextUI)

3 skills

@heroui-incInstall Plugin

Gives developers working on the Mastra TypeScript AI framework ready-made help for debugging hard bugs, auditing and diagramming docs, and testing the Studio UI. Each task that used to be done by hand becomes a guided workflow.

33 skills

@mastra-aiInstall Plugin

Skills for building cross-platform desktop applications in Rust with the GPUI Kit framework, covering its components, layout and design guidance. Useful for developers creating native desktop UIs.

2 skills

@longbridgeInstall Plugin

Build HTML email templates with React components, render them to HTML, add a visual email editor to an application, and send them with Resend.

1 skill

@resendInstall Plugin

Gives you skills for pulling answers and prep from Circleback meeting notes, and for triaging failing GitHub Actions runs and GitHub issues. Use it to find what was decided, build meeting briefs, and sort CI failures and issues without digging through logs by hand.

48 skills

@superset-shInstall Plugin

A skill that writes optimized prompts for AI tools such as LLMs, Cursor, Midjourney, and image or video generators. It activates only when you explicitly ask to write, fix, improve, or adapt a prompt for a specific tool.

1 skill

@nidhinjsInstall Plugin

Prowler is an open-source cloud security platform for scanning cloud accounts and automating security and compliance checks. It includes skills for framework compliance triage, Django REST and Vercel AI SDK patterns, and GitHub agentic workflows.

39 skills

@prowler-cloudInstall Plugin

A collection of Cursor plugins for coding agents covering skills and agents such as advisor checkpoints, CLI design review, plugin scaffolding and continual learning for AGENTS.md. Plugins cover developer tools, frameworks and SaaS products.

113 skills

@cursorInstall Plugin

The world's best AI personal assistant for email. Open source app to help you reach inbox zero fast.

26 skills

@elie222Install Plugin

Production-grade Turborepo template for Next.js apps.

1 skill

@vercelInstall Plugin

Plugin for developers of the Civitai codebase, with skills that guide adding new AI model ecosystems, base models, generation support, prompt-enhancement guides, and training support to the app and its trainers.

52 skills

@civitaiInstall Plugin

Nuxt UI is a library of accessible, typed Vue components built on Reka UI, Tailwind CSS and Tailwind Variants. It works as a module in Nuxt and as a Vite plugin in plain Vue apps.

1 skill

@nuxtInstall Plugin

Adds Preline UI components and blocks to HTML files through the Preline MCP server, and generates, previews, and validates Preline theme CSS. Built on Tailwind CSS.

1 skill

@htmlstreamofficialInstall Plugin

Runs multiple coding agents in parallel, each in its own git worktree, with support for remote SSH, pull request review and issue ingestion. Works with any provider.

@generalactionInstall Plugin

An open-source desktop AI agent for data analysis, slide and document creation, video and web research, and scheduled tasks. It runs tools on your computer and accepts commands from your phone through WeChat, Feishu, DingTalk, or Telegram.

@netease-youdaoInstall Plugin

Gives Claude Code guidance on Anthony Fu's preferred JavaScript and TypeScript tooling, conventions and project setup, plus Nuxt, Nitro and Pinia usage. It also drafts GitHub pull requests with clear titles and bodies, so you spend less time on setup decisions and PR write-ups.

14 skills

@antfuInstall Plugin

Extracts the full design system from any website URL, producing design tokens, Tailwind, Figma variables and shadcn/ui themes, plus a skill that styles UI from the extracted tokens.

2 skills

@manavarya09Install Plugin

Turns complex or visual agent responses, such as plans and comparisons, into HTML artifacts you can annotate and send feedback on, using the lavish-axi CLI.

1 skill

@kunchenguidInstall Plugin

Redpanda Console (previously known as Kowl) is a web application that helps you manage and debug your Kafka/Redpanda workloads effortlessly.

11 skills

@redpanda-dataInstall Plugin

Inspects Claude Code session logs in a visual UI, showing tool calls, token usage, subagent traces and the context window. Useful for developers who want to see what happened inside a session.

@matt1398Install Plugin

Scaffolds documentation sites with Nuxt and Markdown, with support for multilingual docs, llms.txt output and an AI docs assistant. Includes a sample skill for testing agent skills discovery.

2 skills

@nuxt-contentInstall Plugin

Gives a coding assistant design skills for building interfaces: audit a UI against accessibility rules, generate a brand design system of tokens, apply a visual style, and build data-heavy dashboards with real charts.

26 skills

@plugin87Install Plugin

Lets you control Collaborator's infinite canvas from the terminal with the collab-canvas CLI, arranging tiles that show terminals, files, images, and graphs. Useful for developers building with AI agents.

1 skill

@collabs-incInstall Plugin

Created by Damir Sokolovsky (@heydamir), who started the Unslopping series on X. unslop is a skill for Claude that turns vibecoded, AI-looking UI into a designed interface with its own character.

1 skill

@heydamir-2Install Plugin

Gives React developers ready-made, customizable components for AI chat interfaces, such as conversations, messages, tool displays and prompt inputs, so they do not build those screens from scratch.

1 skill

@vercelInstall Plugin

Browse, search, and analyze past conversations from Claude Code and other AI coding assistants such as Gemini CLI, Codex CLI, Cursor, and Aider. Available as a desktop app or a headless server.

@jhlee0409Install Plugin

Lets an AI coding agent read Figma designs and turn them into code, map Figma components to code snippets, and write frames or pages back into Figma. Use it to skip copying design details by hand.

16 skills

@figmaInstall Plugin

From the creators of Unistyles: The fastest Tailwind bindings for React Native.

2 skills

@uni-stackInstall Plugin

Lets developers run several AI coding agents in parallel, each in its own git worktree, across multiple projects and chat sessions, on a laptop or your own server.

@coollabsioInstall Plugin

Professional design agency skillstack for 3D/WebGL, animation, and modern web development Claude Code plugin marketplace providing comprehensive coverage of modern web technologies including Three.js, GSAP, React Three Fiber, Framer Motion, Babylon.js, and.

23 skills

@freshtechbroInstall Plugin

Turns a product image into a short vertical sales video for Douyin, Kuaishou, Xiaohongshu, WeChat Channels and TikTok Shop. It writes the script, keeps the product image undistorted, and adds voiceover, subtitles and background music, or makes a video from a one-line topic.

2 skills

@xixihhhhInstall Plugin

A unified terminal tool that indexes and searches your local coding agent history from Claude Code, Codex, Gemini, Cursor, Aider and others, so past sessions can be found quickly.

1 skill

@dicklesworthstoneInstall Plugin

Claude Code plugin for working with SEED, Daangn's design system: component and token guidance across React and Lynx, Chromatic snapshot diff triage, change impact and changeset writing, deprecation and migration notes, and SEED CLI setup help.

11 skills

@daangnInstall Plugin

A real-time dashboard for monitoring Claude Code and Codex sessions, tracking agent activity, tool usage, and subagent orchestration. It offers live analytics, a Kanban status board, and status notifications.

75 skills

@hoangsonwwInstall Plugin

A shadcn/ui registry of animated React components with a shared motion system, including a hover highlight that glides between items. Useful for building interactive frontend interfaces.

1 skill

@mickadesignInstall Plugin

Production workflow skills for Claude Code. Each skill guides Claude through a recipe to produce tangible output, scaffolded projects, generated assets, professional documents, deployed services. Ten plugins of practical, production-oriented skills.

63 skills

@jezwebInstall Plugin

An enterprise platform for managing AI resources through a unified AI gateway and token scheduling. It covers models such as OpenAI, Azure, Claude and DeepSeek, plus cost attribution, budget control and centralized MCP tool registration.

@beizhu-1209Install Plugin

A skill that scans React Native code for Animated and Reanimated usage and migrates it to EaseView, the library's declarative animation component. Useful for developers moving existing animations onto platform-native APIs.

1 skill

@appandflowInstall Plugin

Skills for building React Native, Expo and React web interfaces with PanelUI components, theming and composed panels. Also includes tools for designing app logos and creating shieldcn-styled README badges.

6 skills

@panel-uiInstall Plugin

Claude Code plugin with skills, agents, commands and MCP servers for orchestrating coding-agent CLIs, auditing plans against implementations, managing MCP servers, and running CSS design-token checks.

10 skills

@xiaolaiInstall Plugin

A web-based cockpit interface for OpenClaw, with a Kanban board skill that lets Claude Code manage tasks, run workflows, handle proposals and configure the board through the Nerve server API.

1 skill

@daggerhashimotoInstall Plugin

A reference of Apple Human Interface Guidelines for Claude Code, covering iOS, iPadOS, macOS, tvOS, visionOS and watchOS, with a guided workflow for adapting an existing iOS app to the folding iPhone.

1 skill

@justinwetchInstall Plugin

Lightweight open-source AI Agent optimized for Chinese users | Native support for domestic large-model coding plans | Compatible with the OpenClaw Skills ecosystem | Integrated with WeChat ClawBot, Weibo Lobster, Feishu, DingTalk, QQ, Xiaozhi AI, Telegram and dsh.

14 skills

@countbot-aiInstall Plugin

A Claude Code plugin that helps you make confident UI design decisions through rapid iteration.

1 skill

@0xdesignInstall Plugin

Installs and configures Tool UI components in React apps, using shadcn registry entries and assistant-ui, so tool call results can render as interactive UI in AI chat interfaces.

1 skill

@assistant-uiInstall Plugin

A Claude Code skill that generates on-brand HTML presentation decks or responsive websites by extracting a brand's design language with Firecrawl and applying codified design principles, including color contrast and slide layout rules.

1 skill

@itsssssjackInstall Plugin

Skills for AI coding assistants covering Nuxt, Nitro, Nuxt Content, Nuxt Better Auth, Comark and ArkEnv, for building Vue and Nuxt apps with environment validation, server routes, content and authentication.

30 skills

@onmaxInstall Plugin

Create, edit, and implement Figma designs with your coding agent.

3 skills

@ecomfeInstall Plugin

Gives your AI coding assistant ready-made guidance for browser automation, AI SDK questions, real-time messaging servers, current library docs, and improving a skill's prompt. Each one walks the agent through the task without you re-explaining it.

87 skills

@pedronauckInstall Plugin

Copies AI chat conversations from ChatGPT, Claude, Gemini and similar tools as clean Markdown context bundles, with one-click copying from the sidebar and all processing done locally.

1 skill

@nicepkgInstall Plugin

An open source AI video workbench that Claude Code can drive over MCP, with storyboarding, reference images, keyframe generation and an editable timeline. It runs locally with any model or your own ComfyUI setup.

93 skills

@aqm857886159Install Plugin

Overture is an open-source MCP server with a local web interface that draws an AI coding agent's execution plan as an interactive flowchart before the agent writes code. It lets you review the plan visually first.

@sixhqInstall Plugin

Control Figma from the command line to create shapes, frames, text and components, set styles and layout, manage variables, and export images. Useful for automating design tasks in Claude Code.

1 skill

@dannoteInstall Plugin

A Chinese-language translation of Anthropic's Skills repository, covering skills for algorithmic art, brand guidelines, canvas design, co-authoring documents and working with Word (.docx) files. It helps Chinese-speaking developers learn Claude skills and use the document-processing guides.

16 skills

@leastbitInstall Plugin

Skills that generate privacy policies, terms of service, consent modals and cookie banners for websites and apps. Covers Korean, Japanese, EU and global rules, for Next.js projects.

7 skills

@kimlawtechInstall Plugin

Walks a feature from a rough idea through requirements, design and implementation, with separate skills for debugging, codebase analysis and documentation. Helps a solo builder ship faster with less back-and-forth on what to build.

34 skills

@rsmdtInstall Plugin

Helps customize and extend Fireact SaaS apps after installation, such as adding features, pages and customizations. It detects Fireact projects automatically and works with Firebase authentication, Stripe billing, React and TypeScript.

1 skill

@fireact-devInstall Plugin

A Claude Code skill for designing mobile app screens, flows, and components, and for improving existing mobile interfaces, following established design principles.

1 skill

@ceorkmInstall Plugin

A ui-ux skill for Claude Code that builds and polishes app interfaces such as dashboards, lists, tables, forms, settings pages and modals. It works from your project's own component library and colors, and proposes wireframes for you to choose from before building.

1 skill

@evondevInstall Plugin

Builds Instagram carousels through chat with Claude, designing slides and exporting them as PNGs at exact Instagram dimensions. Brand settings can be configured for consistent slides.

@hainrixzInstall Plugin

Creates polished infographic images from data, facts, or a topic. Builds a self-contained HTML and SVG page in one of several design styles and renders it to PNG for Claude Code users.

1 skill

@orronInstall Plugin

Gives coding agents ready-made skills for generating SVG algorithmic art, optimizing code performance with benchmarks, uploading and downloading files to TOS object storage, managing AgentKit skill hubs, and building text-to-video workflows.

161 skills

@bytedanceInstall Plugin

A set of Claude Code skills for UI and UX design, including controlled design decisions, production-grade frontend generation, AI search optimization content, and personal coding conventions.

16 skills

@benciumInstall Plugin

Subframe is a UI design tool featuring a drag-and-drop visual editor, React + Tailwind code export, and AI-powered design and prototyping features.

@subframeappInstall Plugin

Reviews a UI design and gives targeted fixes for hierarchy, typography, color, spacing and buttons, so you can tighten a screen without guessing at each decision. Run one fix on its own or a full design pass across them.

11 skills

@gnurioInstall Plugin

A Chinese-language bidding assistant for Claude Code that interprets tender documents, generates bid text, checks bids for compliance, and formats the final Word document.

4 skills

@guangshu100Install Plugin

A design engineering system for AI coding agents that guides UI work away from generic AI-looking interfaces, with skills for dense dashboards, editorial layouts and minimal designs. Installs as a skill or a CLI.

30 skills

@educlopezInstall Plugin

Claude Code skills for copywriting, advertising, SEO, design, and more. Each skill is a self-contained markdown file that gives Claude deep domain knowledge. Drop one into your project and invoke it with a slash command.

@boraoztuncInstall Plugin

A plugin of skills for multi-agent review and debugging: adversarial challenge of ideas, structured code review, Lead-driven Hydra workflows, root-cause debugging, and browser-based QA testing.

7 skills

@blueberrycongeeInstall Plugin

Observes your Claude Code sessions to learn recurring behaviors as instincts, then surfaces relevant ones when you start a task. Keeps context across sessions and can export or import what it has learned.

2 skills

@humanplaneInstall Plugin

Assembles a virtual design team inside Claude Code to produce UI, UX, visual, social media, email, and data design output. A design manager picks the right specialist roles for each task.

1 skill

@adityaraj0421Install Plugin

Skills and commands for developing eIsland, an Electron floating widget for Windows inspired by Apple's Dynamic Island. Covers adding new island states, MaxExpand tabs, settings subpages, guide steps and SVG icons.

9 skills

@jntmtmtmInstall Plugin

A local desktop gateway that combines scattered LLM coding plans and API quotas into one virtual plan, connecting to Claude Code and other AI tools. Includes skills for adding providers and preparing releases.

2 skills

@finch-xuInstall Plugin

Reverse-engineer design tokens (colors, typography, spacing, border radius, shadows) from any public website and generate starter JSON and CSS custom properties for your local project. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.

1 skill

@arvindrkInstall Plugin

A skill for web projects that converts hex, rgb and hsl colors to OKLCH, generates palettes, checks contrast, handles gamut boundaries, and sets up themes with Tailwind.

1 skill

@jakubkrehelInstall Plugin

Claude Code Skills for content creation, design optimization, and resource curation.

3 skills

@ricoccInstall Plugin

shadcn/ui for the BLAT stack, a CLI that copies Blade components you own into your Laravel project. MIT.

1 skill

@anousss007Install Plugin

System audio capture + multi-provider ASR + local-first AI review workspace. Floating live captions, 12 ASR backends, 60+ languages, AI summary/chat/mindmap, Open API, MCP server, and Agent Skill.

1 skill

@ximilalaxiangInstall Plugin

A local marketing studio for Claude Code that onboards your brand, films your app, and produces launch videos, announcements, audio tracks, and frontend checks. It also includes a de-vibe skill that makes AI-built software look handcrafted.

15 skills

@ucsandmanInstall Plugin

Lets Claude Code hand work to OpenAI Codex (GPT) as subagents using your Codex CLI login, and generate or edit images. Also offers code reviews and second opinions from GPT.

6 skills

@sateezgInstall Plugin

Helps a solo founder run a one-person company through AI agents, moving tasks out of their head and into departments, with a weekly retro to review progress.

35 skills

@serejarisInstall Plugin

Gives developers ready-made guidance for building web apps and APIs, covering animated React components, authentication with JWT and OAuth, API design and contract testing, and changelog writing. Works inside Claude Code.

183 skills

@secondskyInstall Plugin

Claude skill that analyzes images, websites, and Figma files and generates a structured design.md with token system, component inventory, and reconstruction notes.

1 skill

@uxkeroInstall Plugin

Everything you and your agent(s) need to build robust and performant applications that will scale to the far-side of the moon.

1 skill

@mbvlabsInstall Plugin

Gives your AI coding agent a routine for keeping a repo healthy: scanning for dependency and security risks, clearing lint and type debt, fixing flaky tests, and syncing docs with the code, so you stop doing that upkeep by hand.

11 skills

@absolutelyskilledInstall Plugin

A development workflow engine for AI coding agents, with a build loop covering planning through documentation and skills for security audits, lint and type debt cleanup, flaky test fixes, and docs writing.

11 skills

@maddhruvInstall Plugin

Browse the flagship Skill: skills.sh · Agentic Awesome Skills · Agent Skill Exchange · askill · Awesome Skills · skills.re · SkillsCat · OpenAgentSkill · AgentSkill.sh Have a repeatable workflow that is missing?

1 skill

@sandbaseaiInstall Plugin

An experimental multi-agent system where a team of AI agents runs an autonomous company, handling product ideas, coding, deployment and marketing with no human involved. Built on Claude Code Agent Teams, still in testing and macOS only.

35 skills

@nicepkgInstall Plugin

Turns AI design guidelines into executable contracts that catch violations. Skills and an MCP server check generated UI against the design system before, during, and after generation, and CI blocks merges that break it.

3 skills

@tsubotaxInstall Plugin

Plugin for Claude Code that turns project ideas into task graphs. Adds skills to brainstorm a brief, decompose features and oversized tasks, and run a project review, backed by an MCP server and a composer agent.

9 skills

@frkakInstall Plugin

A powerful command-line tool to parse, manage, and execute Claude Skill packages. GoSkills is designed according to the specifications found in the official Claude documentation.

29 skills

@smallnestInstall Plugin

The Svelte data grid. Headless-first. Render-ready. SvGrid is a data grid and data table for Svelte 5, written with runes from the first line rather than ported from a React grid.

1 skill

@sv-gridInstall Plugin

Reusable UI/UX design skills for AI coding agents, Codex, Claude Code, ZCode, and more. OJO Design Skills is a drop-in skill bundle that teaches your AI coding agent how to make real design decisions, not generic "AI-looking" layouts.

2 skills

@touchine-ojoInstall Plugin

Changelog A Claude Code plugin (with Codex support for the skills) that keeps Claude's Elixir and Phoenix code idiomatic and current.

24 skills

@j-morgan6Install Plugin

Plans a feature as a spec with requirements, tasks and a plan, then works through the tasks in Claude Code and closes them out. It also syncs with GitHub and JIRA and includes handoff and unattended run modes.

18 skills

@anton-abyzovInstall Plugin

This repo provides: project and feature scaffolding via templates file-level design guidance before edits rule-based review after edits design-system discovery for frontend work.

9 skills

@agiflowInstall Plugin

An AI skill for coding agents that creates production-ready, browser-based presentation slide decks with interactive UI using React + Vite + Framer Motion.

1 skill

@code-on-sundayInstall Plugin

This document explains how to run, build, and maintain the project locally.

1 skill

@pixel-pointInstall Plugin

A Claude Code skill for building web interfaces that move well. Most generated pages come out static. Default scrollbars, sections that just appear, hover states that do nothing.

1 skill

@bendrape1-byteInstall Plugin

An unofficial, open-source, Codex-first Agent Skills library for premium frontend, website, design-engineering, and reliable agent workflows.

80 skills

@thegoat395Install Plugin

The design language of Open Analytics, packaged three ways: an agent skill, type-checked component recipes, and a CLI. People kept asking how the dashboard looks and moves the way it does; this repository is the answer, in a form an agent can execute.

1 skill

@openlabs-soInstall Plugin

Builds small multi-user apps that run entirely in the browser with no backend to set up, so you can describe an app and get a working version with shared data. Deploys finished apps to Cloudflare Workers and can generate design variations.

11 skills

@popmechanicInstall Plugin

A Claude Code plugin with the skills and agents I use every day: executing plans with a devil's advocate pass and a code review, writing that doesn't read like AI, and a handful of engineering skills. Everything lives under the ce namespace.

11 skills

@rileyhilliardInstall Plugin

This repository is my Pi coding agent home directory. I keep it under version control and symlink it to ~/.pi/agent so Pi loads configuration, extensions, skills, and runtime state from here.

38 skills

@espennilsenInstall Plugin

There are plenty of skills out there. This library avoids slop and only ships skills that: teach agents concepts LLMs aren't trained on, because they are new or rarely used encode specific, opinionated workflows, validated across multiple codebases.

2 skills

@flornkmInstall Plugin

A pipeline of specialist agents for Claude Code that takes work from spec to deployment. An independent model checks each stage before the next one builds on it, and spending caps stop work instead of only warning. The user keeps the final say on what is built, how, and whether it ships.

37 skills

@avelikiyInstall Plugin

Gives Claude Code ready-made skills for building claude.ai HTML artifacts, drawing Excalidraw diagrams, querying Google NotebookLM notebooks, connecting to any MCP server and making Remotion videos. Each skill drops into your project and adds the ability without extra setup.

6 skills

@walidboulanouarInstall Plugin

A hook-based framework for Claude Code that routes tasks to specialized agents for code review, architecture review, dependency management and documentation generation, with structured workflows.

@barkainInstall Plugin

Production-ready Claude Code skills, agents, and project templates for Craft CMS 5 development. Built and maintained by michtio.

14 skills

@michtioInstall Plugin

Beagle is an agent skills collection for Claude Code users, offering framework-aware code review, documentation, testing, architecture guidance, and git workflows. It includes skills for LangGraph and Deep Agents projects.

139 skills

@existential-birdsInstall Plugin

Helps you start a new project or adopt an existing one for AI agent work, with commit and pull request helpers, memory cleanup, and a loop that improves the project over time.

8 skills

@sneg55Install Plugin

Turns a Claude Code workspace into a small engineering team: specialist agents own areas like API design and Angular work, skills run repeatable workflows, and gates keep changes under control across sessions. Also reads agent performance metrics to flag failing agents.

116 skills

@tranhieuttInstall Plugin