Search
Tailwind CSS · For frontend developers
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 145 | 如果 xxx 文件夹中仅有 index.ts 文件, 则它是一个酒馆助手脚本. An agent skill from StageDog/tavern_helper_template. | StageDog/ | 181 | — | ~614 | Automated safety check: Pass | Unknown | yesterday |
| 146 | A skill your agent uses when creating a new component for the design system. | LucasBassetti/ | 130 | — | ~2.1k | Automated safety check: Pass | MIT | yesterday |
| 147 | A skill your agent uses when adding or changing GlycemicGPT web UI structure, shared styling, Tailwind classes, semantic theme tokens, typography, base primitives, product UI components, TextInput… | lumose-health/ | 141 | — | ~707 | Automated safety check: Pass | GPL-3.0 | 2 days ago |
| 148 | A skill your agent uses when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting… | jiushiwon/ | 114 | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | 4 days ago |
| 149 | Design and style ryOS UI using the current OS theme token system, Tailwind variants, shared primitives, Aqua Glass, dark mode, and accent conventions. | ryokun6/ | 1.3k | — | ~3.1k | Automated safety check: Pass | AGPL-3.0 | today |
| 150 | 150.Redlamp Site Map of redlamp.app, the Next.js website in web/: its stack and commands, its pages, the home page's sections with their anchors, components and content sources, the brand's Tailwind tokens and… | pdcgomes/ | 231 | — | ~2.9k | Automated safety check: Pass | MPL-2.0 | today |
| 151 | 151.Site Development Develop the AuthCrunch Docusaurus homepage, React components, navigation configuration, CSS, and Tailwind integration. | authcrunch/ | 108 | — | ~3.1k | Automated safety check: Pass | No licence | 5 days ago |
| 152 | 152.Figma Design-to-code workflow for Figma designs. An agent skill from epam/ai-dial-chat. | epam/ | 504 | — | ~997 | Automated safety check: Pass | Apache-2.0 | today |
| 153 | 153.Docs Page Create or update component documentation pages in packages/ui/docs. | indielayer/ | 222 | — | ~419 | Automated safety check: Pass | MIT | 3 days ago |
| 154 | 154.Migrate To V5 Migrate a gluestack-ui project from v2, v3, or v4 to v5 (NativeWind v5 or UniWind). | gluestack/ | 5.3k | — | ~4.8k | Automated safety check: Pass | No licence | 1 mo ago |
| 155 | Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects. | julianromli/ | 144 | — | ~1.2k | Automated safety check: Pass | No licence | 8 mo ago |
| 156 | 156.Nextjs App Bootstrap a new Next.js (App Router, TypeScript) web app with current packages and no deprecated APIs. | ccplugins/ | 970 | — | ~1.1k | Automated safety check: Notes | Apache-2.0 | 1 mo ago |
| 157 | 157.Using Tailwind The design language for this project and how to style UI with it — the colour, type, surface and layer tokens, when to reach for an AKUI component instead of writing classes, and when TWC… | Asvarox/ | 261 | — | ~1.8k | Automated safety check: Pass | No licence | today |
| 158 | 158.Build Screen melta DS の契約から画面 1 枚（ページ / スクリーン）を生成し、checkhtml で自己検証して coverage と評価不可まで報告する。トリガー: 「画面を作って」「〜ページを生成」「画面生成」「ダッシュボードを作って」「設定画面を作って」「build screen」「generate a page」。AGENTS.md のタスクベース読み込みガイドで契約を引き当て、最大 3… | tsubotax/ | 201 | — | ~1.3k | Automated safety check: Pass | MIT | yesterday |
| 159 | 用于使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂的、多组件的 claude.ai HTML artifact 的工具套件。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact - 不适用于简单的单文件 HTML/JSX artifact。 | LeastBit/ | 590 | — | ~458 | Automated safety check: Pass | Apache-2.0 | 8 mo ago |
| 160 | A skill your agent uses when 用户需要审查前端代码（React/Vue/Next.js/TypeScript/Tailwind等）、检查代码质量、性能问题、可维护性、安全漏洞、最佳实践落地时。触发场景：前端代码评审、前端代码优化、React/Vue代码检查、TypeScript代码审查、前端性能优化、前端安全审计、前端代码规范检查。 | ProgrammerAnthony/ | 235 | — | ~614 | Automated safety check: Pass | MIT | 5 mo ago |
| 161 | 161.Ktui Install Install, configure, and initialize KtUI (Keenthemes Tailwind UI) in any project. | keenthemes/ | 151 | — | ~994 | Automated safety check: Pass | MIT | 3 mo ago |
| 162 | 162.Design System How to build UI in this repo — compose classes with cn, use the CSS-variable design tokens (never raw hex/px), reuse the typographic and ui/ primitives, and define variants with cva like the… | flornkm/ | 151 | — | ~1.6k | Automated safety check: Pass | No licence | today |
| 163 | 163.Senior Frontend Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. | alirezarezvani/ | 28k | 5 repos | ~3.9k | Automated safety check: Pass | MIT | 1 mo ago |
| 164 | 164.Visual Redesign Surgical aesthetic upgrade pipeline for existing React codebases. | Yu-369/ | 979 | — | ~12k | Automated safety check: Pass | MIT | 2 mo ago |
| 165 | Build, restyle, or review accessible React interfaces that use shadcn/ui, Radix UI primitives, and Tailwind CSS. | LiarMTTT/ | 154 | — | ~1.7k | Automated safety check: Pass | Unknown | 7 days ago |
| 166 | 166.Change Theme Updates the shadcn/ui theme by editing OKLCH CSS custom properties in apps/core/styles/tailwind.css. | pagezero-dev/ | 143 | — | ~805 | Automated safety check: Pass | MIT | 10 days ago |
| 167 | 167.UI UX Pro Max [Frontend] Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. | InternScience/ | 172 | — | ~2.9k | Automated safety check: Notes | No licence | 6 mo ago |
| 168 | 168.Start A skill your agent uses when setting up a project to use pxlkit (@pxlkit/ui-kit), or when asked what the pxlkit skills do. | Joangeldelarosa/ | 117 | — | ~1.3k | Automated safety check: Notes | Unknown | 3 days ago |
| 169 | Styles applications using Tailwind CSS v4 utilities. An agent skill from slimani-dev/muraqib. | slimani-dev/ | 129 | — | ~970 | Automated safety check: Pass | MIT | 11 days ago |
| 170 | Generates several visual directions for a component or page, lets you compare them, then fully implements the one you pick. | carson2222/ | 113 | — | ~3.3k | Automated safety check: Pass | Apache-2.0 | 3 mo ago |
| 171 | 设计和排查 weapp-tailwindcss 动态 class 组合与运行时封装，覆盖 @weapp-tailwindcss/runtime、merge、cva、variants、typography、theme-transition、ui、clsx、twMerge、weappTwIgnore、escape/unescape、rpx transformer、缓存和组件 class… | weapp-tailwindcss/ | 1.9k | — | ~337 | Automated safety check: Pass | MIT | today |
| 172 | Create new core components for GodUI (@godui/components) — animated, drop-in replacements for shadcn/ui with strict GPU-only motion. | LucasBassetti/ | 130 | — | ~7.4k | Automated safety check: Pass | MIT | yesterday |
| 173 | 173.Ingest GitHub Clone a GitHub repo and extract design tokens (colors, fonts, spacing) from its codebase. | bluzir/ | 106 | — | ~796 | Automated safety check: Pass | No licence | 5 mo ago |
| 174 | Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. | aAAaqwq/ | 105 | 2 repos | ~2.7k | Automated safety check: Pass | MIT | 2 days ago |
| 175 | Enforce Tailwind container queries over viewport breakpoints for responsive components. | flornkm/ | 151 | — | ~1.1k | Automated safety check: Pass | No licence | today |
| 176 | Build Ordinus renderer UI in the intended product style. An agent skill from muratgur/ordinus. | muratgur/ | 113 | — | ~881 | Automated safety check: Pass | MIT | 1 mo ago |
| 177 | 177.Design Craft Opinionated product-design skill for building, reviewing, polishing, and iterating on landing pages, apps, dashboards, AI products, design systems, and brand touchpoints. | kipperacademy/ | 149 | — | ~3.8k | Automated safety check: Pass | No licence | yesterday |
| 178 | You are an expert in Docusaurus theming and the Infima CSS framework. | AvaloniaUI/ | 166 | — | ~1.3k | Automated safety check: Pass | No licence | yesterday |
| 179 | 179.Bm Design System Guides you through creating and implementing a design system for your application. | buildermethods/ | 146 | — | ~6.5k | Automated safety check: Pass | MIT | 2 days ago |
| 180 | Responsive (mobile + desktop) layout workflow. An agent skill from epam/ai-dial-chat. | epam/ | 504 | — | ~2.7k | Automated safety check: Pass | Apache-2.0 | today |
| 181 | 181.Frontend Build UI components with React, Next.js, Tailwind CSS, and shadcn/ui. | AlexPEClub/ | 382 | — | ~930 | Automated safety check: Pass | No licence | 4 mo ago |
| 182 | 182.UI 建立于 shadcn/ui 之上的附加 UI 组件 | graphif/ | 4.5k | — | ~233 | Automated safety check: Warn | No licence | yesterday |
| 183 | 183.Uniwind Uniwind — Tailwind CSS v4 styling for React Native. An agent skill from CherryHQ/cherry-studio-app. | CherryHQ/ | 4k | — | ~20k | Automated safety check: Warn | AGPL-3.0 | yesterday |
| 184 | Produces one self-contained HTML and Tailwind mockup for UI inspiration, with detailed rules on fonts, icons, dark versus light mode and chart handling. | JayZeeDesign/ | 171 | — | ~493 | Automated safety check: Pass | No licence | 11 mo ago |
| 185 | 185.Daisyui Official daisyUI component library skill. An agent skill from carverauto/serviceradar. | carverauto/ | 921 | — | ~1.3k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 186 | 186.Shadcn Best practices for building UI components with shadcn/ui. An agent skill from pedronauck/skills. | pedronauck/ | 634 | 1 repo | ~1k | Automated safety check: Pass | No licence | 26 days ago |
| 187 | Generates complete, accessible, token-driven UI component code for a chosen framework such as React with Tailwind, SwiftUI, Vue, Flutter or Jetpack Compose. | plugin87/ | 1.6k | — | ~1.7k | Automated safety check: Pass | MIT | today |
| 188 | Add or modify Dokan frontend code (React, TypeScript, Vue, Tailwind). | getdokan/ | 288 | — | ~1.9k | Automated safety check: Pass | No licence | 2 days ago |
| 189 | This skill enables visual inspection of websites running locally or remotely to identify and fix design issues. | github/ | 40k | 3 repos | ~2.6k | Automated safety check: Pass | MIT | 2 days ago |
| 190 | 190.Nxui Design Project-level design skill for nxui (nxui.geoql.in). An agent skill from vinayakkulkarni/nxui. | vinayakkulkarni/ | 212 | — | ~2.8k | Automated safety check: Pass | MIT | 2 days ago |
| 191 | 191.Mastra Frontend How to build Mastra frontend interfaces with the @mastra/playground-ui design system. | mastra-ai/ | 29k | — | ~1.6k | Automated safety check: Pass | Unknown | today |
| 192 | 192.Tailwind V4 Tailwind CSS v4 usage guide and v3-to-v4 differences. An agent skill from mastra-ai/mastra. | mastra-ai/ | 29k | — | ~2.5k | Automated safety check: Pass | Unknown | today |
