Search
Tailwind CSS
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Builds multi-component claude.ai HTML artifacts as a small React, TypeScript and Tailwind project, then bundles it into one shareable HTML file. | anthropics/ | 180k | 41 repos | ~769 | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 2 | Bundles design tasks behind one skill: brand identity, tokens, UI styling, logos, corporate identity mockups, slides, banners, icons and social images. | nextlevelbuilder/ | 134k | 1 repo | ~3.5k | Automated safety check: Pass | MIT | today |
| 3 | Always invoke when the user's message includes 'tailwind' in any form. | anonaddy/ | 4.9k | 10 repos | ~865 | Automated safety check: Pass | MIT | yesterday |
| 4 | Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. | Ohh-889/ | 795 | 13 repos | ~2.5k | Automated safety check: Pass | MIT | 1 mo ago |
| 5 | Assists in writing high-quality content by conducting research, adding citations, improving hooks, iterating on outlines, and providing real-time feedback on each section. | weapp-tailwindcss/ | 1.9k | 25 repos | ~3.5k | Automated safety check: Pass | MIT | today |
| 6 | A skill your agent uses for Laravel MCP development. An agent skill from coollabsio/coolify. | coollabsio/ | 63k | 1 repo | ~949 | Automated safety check: Pass | MIT | today |
| 7 | Run a WCAG 2.1 AA accessibility audit on a design or page. An agent skill from markmead/hyperui. | markmead/ | 12k | 1 repo | ~1.1k | Automated safety check: Pass | MIT | 11 days ago |
| 8 | Evaluate research rigor. An agent skill from weapp-tailwindcss/weapp-tailwindcss. | weapp-tailwindcss/ | 1.9k | 23 repos | ~5.9k | Automated safety check: Notes | MIT | today |
| 9 | Token architecture, component specifications, and slide generation. | Ohh-889/ | 795 | 11 repos | ~1.7k | Automated safety check: Pass | MIT | 1 mo ago |
| 10 | Guides finding, installing, customizing and wiring up shadcn/ui components in a project, with MCP tools for the component catalog and registries. | google-labs-code/ | 8.4k | 4 repos | ~2.3k | Automated safety check: Notes | Apache-2.0 | 1 mo ago |
| 11 | Rebuilds existing web pages as editable local code that matches their content, assets, responsive layout and interactions, including Framer sites and animated pages. | JCodesMore/ | 36k | — | ~1.7k | Automated safety check: Pass | MIT | 3 days ago |
| 12 | 12.Baseline UI Applies a fixed set of UI rules for stack, components, interaction, animation, typography and layout, or reviews a file against them with concrete fixes. | ibelick/ | 9.5k | 8 repos | ~855 | Automated safety check: Pass | MIT | today |
| 13 | Investigates suspected bugs in the daisyUI monorepo through read-only analysis, then writes a decision-ready fix plan in tmp/bugs without changing any product code. | saadeghi/ | 43k | — | ~2.3k | Automated safety check: Pass | MIT | 8 days ago |
| 14 | Helps install, generate and review Creative Tim UI blocks: shadcn/ui-based React and Tailwind sections that follow a restrained, production-minded design philosophy. | creativetimofficial/ | 12k | — | ~2.1k | Automated safety check: Notes | MIT | 6 mo ago |
| 15 | Scalar's design system — design tokens, theming (@scalar/themes), CSS variables, and the @scalar/components library. | scalar/ | 16k | — | ~2.7k | Automated safety check: Pass | MIT | today |
| 16 | 16.J Space Operate a selective workspace for complex reasoning, long tasks, repository engineering, coordinated agents, and authorized security analysis. | Tiger3807861189/ | 3k | — | ~3k | Automated safety check: Pass | Apache-2.0 | 24 days ago |
| 17 | Use when implementing or refactoring React/TypeScript components and the task requires decisions about component ownership, feature boundaries… | langgenius/ | 158k | — | ~626 | Automated safety check: Pass | Unknown | today |
| 18 | Reviews and converts UI code to Chakra UI v3, producing a critique, rewritten code or both, from plain HTML, Tailwind, CSS Modules or styled-components. | chakra-ui/ | 41k | — | ~2.8k | Automated safety check: Pass | MIT | yesterday |
| 19 | Adds Preline UI components and blocks to HTML files by querying the Preline MCP server, with rules for exact slugs and for clarifying vague requests. | htmlstreamofficial/ | 6.5k | — | ~2.9k | Automated safety check: Pass | Unknown | 1 mo ago |
| 20 | 20.Kill AI Slop Find and remove AI slop — the generic, machine-default visual and copy tics of vibe-coded products — from a web project. | yetone/ | 1.3k | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | 23 days ago |
| 21 | Design system for Activepieces (open-source AI automation platform, "open source replacement for Zapier"). | activepieces/ | 25k | — | ~3.6k | Automated safety check: Pass | Unknown | today |
| 22 | 22.Coss Helps implement coss UI components correctly. An agent skill from crafter-station/petdex. | crafter-station/ | 4.2k | — | ~1.4k | Automated safety check: Pass | MIT | 9 days ago |
| 23 | Helps add, compose, debug and style spartan/ui components in Angular projects, using its Brain headless primitives and Helm styled layer through the @spartan-ng/cli generators. | spartan-ng/ | 2.9k | — | ~2.4k | Automated safety check: Pass | MIT | today |
| 24 | 24.Thesvg Fetch brand SVG logos and cloud architecture icons (AWS, Azure, GCP) from theSVG. | glincker/ | 2.8k | — | ~1.5k | Automated safety check: Pass | MIT | today |
| 25 | Official daisyUI skill for Tailwind CSS projects, routing to install, usage, configuration, color and per-component guides before writing any HTML or JSX with its classes. | saadeghi/ | 43k | — | ~1.3k | Automated safety check: Pass | MIT | 8 days ago |
| 26 | 26.Uni App Comprehensive skill reference for uni-app cross-platform development framework | sonofmagic/ | 336 | 2 repos | ~1k | Automated safety check: Pass | MIT | 6 days ago |
| 27 | 27.Ss Learn Capture a human-approved UI design lesson as a privacy-minimized local StyleSeed candidate, review it, and prepare an opt-in share package without transmitting project code, prompts, screenshots, or… | bitjaru/ | 972 | — | ~1.3k | Automated safety check: Pass | MIT | 7 days ago |
| 28 | Turns a vague UI request into a concrete design system with style, palette, typography and layout guidance from a search script, plus stack-specific implementation advice. | Galaxy-Dawn/ | 5.7k | 1 repo | ~1.1k | Automated safety check: Pass | MIT | 15 days ago |
| 29 | 29.Design Style A skill your agent uses whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element. | Castor6/ | 376 | 1 repo | ~2.1k | Automated safety check: Pass | Apache-2.0 | 5 mo ago |
| 30 | Covers developing the LangBot core backend and web UI: dev setup, repo layout, API auth types, adding endpoints, migrations and keeping the MCP server in step. | langbot-app/ | 18k | — | ~1.4k | Automated safety check: Notes | Apache-2.0 | today |
| 31 | 31.Ultracite Ultracite is a zero-config linting and formatting preset for JavaScript/TypeScript projects. | agustinusnathaniel/ | 125 | 2 repos | ~1.2k | Automated safety check: Pass | MIT | 9 days ago |
| 32 | Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. | Ohh-889/ | 795 | 2 repos | ~1.1k | Automated safety check: Notes | MIT | 1 mo ago |
| 33 | 33.Static Sites Create or modify Bionic's generated marketing site, documentation, blog, course pages, and static assets. | bionic-gpt/ | 2.4k | — | ~920 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 34 | 34.Uithing Manages UI Thing components, prose, blocks, themes, shortcuts, docs, and MCP-driven workflows in Nuxt projects and in the UI Thing source repo. | BayBreezy/ | 729 | — | ~1.3k | Automated safety check: Pass | Unknown | 5 days ago |
| 35 | Rules for using daisyUI 5's semantic color names, such as primary and base-100, so interfaces stay readable across themes. | saadeghi/ | 43k | — | ~1.7k | Automated safety check: Pass | MIT | 8 days ago |
| 36 | 36.Petdex Browse, install, submit, and edit pixel-art pets with the Petdex CLI. | crafter-station/ | 4.2k | — | ~614 | Automated safety check: Pass | MIT | 9 days ago |
| 37 | Use Opensource UI patterns and copy-paste React/Next.js components from opensourceui.in. | bidyut10/ | 717 | — | ~1.1k | Automated safety check: Pass | MIT | today |
| 38 | Helps choose and drop in animated React components from Magic UI and React Bits for landing pages, marketing sites and dashboards, instead of hand-coding animations. | Hainrixz/ | 261 | 1 repo | ~5.7k | Automated safety check: Pass | Unknown | 6 mo ago |
| 39 | Generates Angular code and provides architectural guidance. An agent skill from mxtommy/Kip. | mxtommy/ | 127 | 4 repos | ~2.4k | Automated safety check: Pass | MIT | 6 days ago |
| 40 | Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. | SuFxGIT/ | 114 | 5 repos | ~5.6k | Automated safety check: Pass | No licence | 6 mo ago |
| 41 | Pixel-perfect Figma to React conversion using coderio. An agent skill from MigoXLab/coderio. | MigoXLab/ | 114 | 2 repos | ~1.2k | Automated safety check: Pass | Apache-2.0 | 4 mo ago |
| 42 | 指导如何在 Project Graph 项目中创建新的快捷键。当用户需要添加新的快捷键、修改快捷键绑定或需要了解快捷键系统的实现方式时使用此技能。 | graphif/ | 4.5k | — | ~2k | Automated safety check: Pass | No licence | today |
| 43 | CLI tools for Svelte 5 documentation lookup and code analysis. | kampsy/ | 288 | 3 repos | ~490 | Automated safety check: Pass | MIT | 9 days ago |
| 44 | 44.Nuxt UI Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming. | megaarmos/ | 141 | 1 repo | ~2.5k | Automated safety check: Pass | MIT | 6 mo ago |
| 45 | 45.Rtdf Build, review, and troubleshoot RTDF React applications using exact component APIs, themes, icons, localization, and scaffolding. | any-tdf/ | 779 | — | ~1.1k | Automated safety check: Pass | MIT | today |
| 46 | Extract the full design language from any website URL. An agent skill from Manavarya09/design-extract. | Manavarya09/ | 4.2k | — | ~786 | Automated safety check: Notes | MIT | 9 days ago |
| 47 | Rules for styling HTML with daisyUI 5 class names first, falling back to Tailwind utilities only when needed, and avoiding unnecessary custom CSS or default color variants. | saadeghi/ | 43k | — | ~846 | Automated safety check: Pass | MIT | 8 days ago |
| 48 | Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling | CherryHQ/ | 4k | 8 repos | ~3k | Automated safety check: Pass | MIT | today |