Search
Tailwind CSS · CSS and styling
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Always invoke when the user's message includes 'tailwind' in any form. | anonaddy/ | 4.9k | 10 repos | ~865 | Automated safety check: Pass | MIT | 2 days ago |
| 2 | 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 |
| 3 | 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 |
| 4 | 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 | 2 days ago |
| 5 | 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 | 24 days ago |
| 6 | 6.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 | 10 days ago |
| 7 | 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 | today |
| 8 | 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 |
| 9 | 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 | 2 days ago |
| 10 | 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 | today |
| 11 | Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"), both the first-order defaults (purple gradients, Inter, a centered hero over three cards, untouched shadcn) and the… | sunkaifei/ | 656 | — | ~3.5k | Automated safety check: Pass | MIT | today |
| 12 | Use Opensource UI patterns and copy-paste React/Next.js components from opensourceui.in. | bidyut10/ | 719 | — | ~1.1k | Automated safety check: Pass | MIT | today |
| 13 | Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. | SuFxGIT/ | 115 | 5 repos | ~5.6k | Automated safety check: Pass | No licence | 6 mo ago |
| 14 | 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 | today |
| 15 | 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 | today |
| 16 | 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 |
| 17 | Cross-platform UI styling for MarkerOn Tauri app (macOS WKWebView vs Windows WebView2). | ifer47/ | 1.2k | — | ~2k | Automated safety check: Pass | MIT | yesterday |
| 18 | Set up Tailwind v4 + shadcn/ui themed UI with dark mode. An agent skill from jezweb/claude-skills. | jezweb/ | 1.1k | 1 repo | ~3.2k | Automated safety check: Pass | MIT | 3 days ago |
| 19 | Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. | jh941213/ | 126 | 10 repos | ~4.7k | Automated safety check: Pass | No licence | 2 mo ago |
| 20 | 将 weapp-tailwindcss 集成到自研构建器或高级流水线,覆盖 weapp-tailwindcss/core、generator、Vite/Webpack/Rspack/Rollup/Rolldown/Gulp 生命周期、ModuleGraph、Tailwind Scanner/source candidates、watch/HMR、source… | weapp-tailwindcss/ | 1.9k | — | ~502 | Automated safety check: Pass | MIT | today |
| 21 | 21.Ask Sonner Guide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and loading toasts, updating, dismissing and persisting toasts, styling, theming and… | leepokai/ | 182 | 4 repos | ~1.8k | Automated safety check: Warn | Apache-2.0 | today |
| 22 | Generates light and dark Preline theme CSS from a brand color or mood, previews it, and validates token coverage through bundled local scripts. | htmlstreamofficial/ | 6.5k | — | ~619 | Automated safety check: Warn | Unknown | 1 mo ago |
| 23 | Frontend rules for building components in the Typebot codebase: simple Tailwind classes, shared UI primitives, minimal useEffect and a fixed declaration order. | baptisteArno/ | 11k | — | ~299 | Automated safety check: Pass | Unknown | 2 days ago |
| 24 | Guide for using @geajs/ui — a Tailwind-styled, Zag.js-powered component library for the Gea framework. | dashersw/ | 1.3k | — | ~2k | Automated safety check: Pass | MIT | 9 days ago |
| 25 | Work with 90+ supported languages, compilers, CSS processors, and WASM-compiled languages for markup, style, and script editors. | live-codes/ | 1.5k | — | ~1.6k | Automated safety check: Pass | MIT | today |
| 26 | 26.Unslop UI Strips the cues that make a website read as AI-generated and forces a deliberate, project-specific design choice instead of the model's default. | JCarterJohnson/ | 513 | — | ~1.9k | Automated safety check: Pass | Unknown | 3 mo ago |
| 27 | UI/UX design intelligence and implementation guidance for building polished interfaces. | sundial-org/ | 663 | 2 repos | ~657 | Automated safety check: Pass | No licence | 7 mo ago |
| 28 | 28.Glide Authoritative guide and toolset for AI agents to operate, configure, and visually design applications using Glide (@srivarsank/glide). | SrivarsanK/ | 125 | — | ~1.7k | Automated safety check: Pass | Apache-2.0 | 8 days ago |
| 29 | 29.Obsidian CSS Style Obsidian plugin UI with Tailwind + native components. An agent skill from aidenlx/zotlit. | aidenlx/ | 1k | — | ~4.8k | Automated safety check: Pass | AGPL-3.0 | today |
| 30 | Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices. | ever-works/ | 162 | 3 repos | ~1.6k | Automated safety check: Notes | AGPL-3.0 | today |
| 31 | Migrate TailwindCSS to StyleX. An agent skill from shadcn-labs/shadcn-cssinjs. | shadcn-labs/ | 123 | — | ~2.7k | Automated safety check: Pass | MIT | 28 days ago |
| 32 | 交互式动态视觉叙事生成器 v11.0 (Hybrid Drive Edition)。基于用户输入的任意主题关键词, 通过多轮交互式对话收集需求,利用 React 19 + Tailwind 4 驱动的 Minimal Mono 极简编辑器, 实时操纵隔离在 Iframe 中的硬核 GSAP/WebGL 影视级叙事引擎。 | pixelxzen/ | 185 | — | ~1k | Automated safety check: Pass | Apache-2.0 | 4 mo ago |
| 33 | 33.Good CSS Modern CSS techniques that replace breakpoint ladders, wrapper elements and scripts. | vojtaholik/ | 218 | — | ~1.2k | Automated safety check: Pass | MIT | yesterday |
| 34 | Strict orchestration workflow for engineering tasks that must be solved one numbered problem at a time through an explicit cycle: define the current problem, build a Robust Code strategy, delegate… | danpacho/ | 159 | — | ~1.2k | Automated safety check: Pass | MIT | 2 mo ago |
| 35 | Check GitHub notifications for upstream dcastil/tailwind-merge pull requests and port merged ones into this Ruby gem (branch, translated code, tests, commit, PR). | gjtorikian/ | 148 | — | ~1.9k | Automated safety check: Pass | MIT | 26 days ago |
| 36 | A skill your agent uses when writing or refactoring React + Tailwind v4 code in this repo. | mailtrap/ | 109 | — | ~2.7k | Automated safety check: Pass | MIT | 1 mo ago |
| 37 | Build Vue 3 components with TypeScript and Tailwind using clean structure, composable logic, accessibility, and maintainable patterns. | scalar/ | 16k | — | ~886 | Automated safety check: Pass | MIT | today |
| 38 | A skill your agent uses when building or refactoring functional React/Vite/Tailwind UI pages, templates, or component libraries that need consistent structure, tokenized styling, accessibility… | victorGPT/ | 130 | — | ~939 | Automated safety check: Pass | MIT | 2 mo ago |
| 39 | Installation instructions for daisyUI 5 with Tailwind CSS 4: the npm setup, CSS plugin lines, CDN usage and pointers to framework-specific guides. | saadeghi/ | 43k | — | ~967 | Automated safety check: Pass | MIT | today |
| 40 | Activate when working on SPA authentication flow, Sanctum cookie-based auth, Vue Router guards, auth store, login/register/password reset pages, or CORS/session configuration. | gdarko/ | 145 | — | ~668 | Automated safety check: Notes | MIT | 6 mo ago |
| 41 | Design, review, or implement AgentOS UI and UX work using the project’s operator-console visual system. | SapienXai/ | 118 | — | ~4.4k | Automated safety check: Pass | MIT | 5 days ago |
| 42 | UI/UX design intelligence. An agent skill from Ohh-889/skyroc. | Ohh-889/ | 795 | 27 repos | ~3.6k | Automated safety check: Notes | MIT | 1 mo ago |
| 43 | Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. | ever-works/ | 162 | 2 repos | ~3.8k | Automated safety check: Pass | MIT | today |
| 44 | 44.Atlas Atlas — a design language and UI guide system for agent interfaces. | pacifio/ | 154 | — | ~2.5k | Automated safety check: Pass | MIT | 5 mo ago |
| 45 | Apply the bryl-minimal design language — a monochrome, typography-driven minimal aesthetic with halftone dot textures, pixel-font display headings, tiny uppercase monospace labels, soft large-radius… | bryllim/ | 115 | — | ~2.9k | Automated safety check: Pass | MIT | 3 mo ago |
| 46 | The DataRepublican design system — tokens, the .dr- component layer, the z-index scale, the icon set and the shell measure. | DataRepublican/ | 139 | — | ~2.6k | Automated safety check: Pass | No licence | today |
| 47 | Provides comprehensive knowledge of the OUDS Web library (Orange Unified Design System for Web), a Bootstrap-based CSS/JS framework for building Orange-branded web interfaces. | Orange-OpenSource/ | 222 | — | ~4.2k | Automated safety check: Pass | MIT | today |
| 48 | Guide for updating Iconify icons and IconNames conventions in BMM. | Y80/ | 344 | — | ~810 | Automated safety check: Pass | MIT | 4 mo ago |