Skip to content
Agentmart
Submit a tool

Best agent skills for Tailwind CSS

We found 267 agent skills for Tailwind CSS in the catalog; these are the 15 that rank highest. The order comes from our rank, which weighs adoption, freshness, documentation and publisher identity. Nobody can pay for a place on this list. shadcn-ui-mcp, shadcn and ui-design lead it. web-artifacts-builder is published by the company that makes it. web-artifacts-builder comes from the largest repository here (183,466 stars). 7 of the 15 had activity in the last 30 days. Each entry lists why it made the list and links to its install page.

Updated Oct 26, 2026 · Built from catalog data; how we rank and grade

Top 15 of 267

  1. 1
    shadcn-ui-mcp

    Jpisnice

    shadcn/ui component context and usage from Codex via MCP

    • Repository has 3.1K stars
    • Active in the last 30 days
    • Open source (MIT)

    ★ 3.1KLast active Oct 3, 2026Claude Code, Claude apps, Codex, Cursor +6

  2. 2
    shadcn

    invertase

    Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI.

    • Active in the last 30 days
    • Open source (Apache-2.0)

    ★ 677Last active Oct 1, 2026Claude Code, Claude apps, Codex, Cursor +6

  3. 3
    ui-design

    mblode

    Designs and builds React/Next/Tailwind UI, audits visual and interaction defects, and stress-tests components with worst-case data.

    • Active in the last 30 days
    • Open source (MIT)

    ★ 162Last active Oct 22, 2026Claude Code, Claude apps, Codex, Cursor +6

  4. 4
    redesign-my-landingpage

    instructa

    Build, critique, and iterate high-converting marketing or product landing pages using React + Vite + TypeScript + Tailwind and shadcn/ui components, with all…

    • Active in the last 30 days

    ★ 139Last active Oct 15, 2026Claude Code, Claude apps, Codex, Cursor +6

  5. 5
    tailwindcss

    Pedro Nauck

    Style components with Tailwind CSS v4 and project tokens.

    ★ 641Last active Sep 13, 2026Claude Code, Claude apps, Codex, Cursor +6

  6. 6
    shadcn-ui

    google-labs-code

    Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best…

    • Repository has 8.6K stars
    • Open source (Apache-2.0)
    • Ships helper scripts

    ★ 8.6KLast active Jul 21, 2026Claude Code, Claude apps, Codex, Cursor +6

  7. 7
    build-design-system

    lintendo

    从网页中采集设计令牌并生成完整的 DESIGN.md 设计规范文档 + Tailwind CSS 主题文件。 当用户提供 URL 并要求"提取主题"、"生成设计规范"、"导出设计系统"、 "提取这个网站的设计令牌"、"帮我做一个主题"、"分析这个页面的设计风格"时使用。 产出包含…

    • Open source (MIT)
    • Ships helper scripts
    • For JavaScript

    ★ 133Last active Aug 21, 2026Claude Code, Claude apps, Codex, Cursor +6

  8. 8
    generate-theme

    lintendo

    从网页中采集设计令牌并生成完整的 DESIGN.md 设计规范文档 + Tailwind CSS 主题文件。 当用户提供 URL 并要求"提取主题"、"生成设计规范"、"导出设计系统"、 "提取这个网站的设计令牌"、"帮我做一个主题"、"分析这个页面的设计风格"时使用。 产出包含…

    • Open source (MIT)
    • Ships helper scripts
    • For JavaScript

    ★ 133Last active Aug 21, 2026Claude Code, Claude apps, Codex, Cursor +6

  9. 9
    shadcn

    pedronauck

    Best practices for building UI components with shadcn/ui.

    ★ 641Last active May 12, 2026Claude Code, Claude apps, Codex, Cursor +6

  10. 10
    tailwind-design-tokens

    TheGoat395

    Map semantic tokens into Tailwind utilities.

    • Open source (MIT)

    ★ 132Last active Sep 8, 2026Claude Code, Claude apps, Codex, Cursor +6

  11. 11
    ui-primitives-shadcn-lucide

    TheGoat395

    Customize installed shadcn and Lucide visuals.

    • Open source (MIT)

    ★ 132Last active Sep 5, 2026Claude Code, Claude apps, Codex, Cursor +6

  12. 12
    web-artifacts-builder

    anthropicsOfficial

    Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).

    • Published by the vendor
    • Largest repository here (183,466 stars)
    • Ships helper scripts

    ★ 183.5KLast active Apr 20, 2026Claude Code, Claude apps, Codex, Cursor +6

  13. 13
    konsta-ui

    Cap-go

    Builds Capacitor app UI with Konsta UI v5 (Tailwind CSS v4-based iOS and Material components for React 19, Vue 3, Svelte 5) - CSS-first setup (`@import…

    • Active in the last 30 days
    • Open source (MIT)

    ★ 73Last active Oct 11, 2026Claude Code, Claude apps, Codex, Cursor +6

  14. 14
    tailwind-capacitor

    Cap-go

    Sets up and uses Tailwind CSS v4 in Capacitor apps - CSS-first config (`@import "tailwindcss"`, `@theme`, `@utility`, `@custom-variant`, `@source`…

    • Active in the last 30 days
    • Open source (MIT)

    ★ 73Last active Oct 11, 2026Claude Code, Claude apps, Codex, Cursor +6

  15. 15
    basecoat

    zygiu-zygis

    Master UI/UX protocol and 57-component reference for Basecoat UI (pure Basecoat CSS, headless Tailwind CSS v4, Kanso minimalism, and mandatory FSM data-state…

    • Active in the last 30 days
    • Open source (MIT)

    ★ 38Last active Oct 14, 2026Claude Code, Claude apps, Codex, Cursor +6

Related