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 |
|---|---|---|---|---|---|---|---|---|
| 289 | 289.Contribute Apply Manor's public contribution standards when creating, editing, or reviewing web UI, React or TSX components, CSS, Tailwind classes, layouts, forms, cards, dialogs, navigation, responsive… | manor-os/ | 162 | — | ~490 | Automated safety check: Pass | Unknown | 1 mo ago |
| 290 | 290.Frontend Design Создание высококачественных, визуально выдающихся фронтенд-интерфейсов. | AnastasiyaW/ | 154 | — | ~1.1k | Automated safety check: Pass | MIT | yesterday |
| 291 | Compose new Rails backend pages and refactor existing Rails UI to use premium blocks from templates/application-ui. | pproenca/ | 215 | — | ~799 | Automated safety check: Pass | MIT | 1 mo ago |
| 292 | 292.Senior Frontend Frontend development for React, Next.js, TypeScript, and Tailwind CSS. | borghei/ | 891 | — | ~1.7k | Automated safety check: Pass | MIT | 4 days ago |
| 293 | 293.Stitch React Converts Stitch screens into a React component system -- includes design token extraction, component decomposition, TypeScript type generation, and automated verification. | jh941213/ | 125 | — | ~992 | Automated safety check: Notes | No licence | 2 mo ago |
| 294 | 294.Mira Builder Motor de montagem atômica que cria apresentações interativas em HTML/Tailwind com componentes Glassmorphism modulares e navegação card-a-card. | sandeco/ | 218 | — | ~3.1k | Automated safety check: Pass | Unknown | 26 days ago |
| 295 | 295.Mira Offline Converte um deck do Mira já criado para modo OFFLINE (self-contained, sem CDN em runtime), para abrir por file:// mesmo atrás do firewall corporativo que bloqueia as CDNs (Tailwind, AOS, Lucide, D3… | sandeco/ | 218 | — | ~1.3k | Automated safety check: Pass | Unknown | 26 days ago |
| 296 | 296.CSS Development This skill should be used when working with CSS, creating components, styling elements, refactoring styles, or reviewing CSS code. | aiskillstore/ | 433 | 1 repo | ~1.5k | Automated safety check: Pass | No licence | yesterday |
| 297 | Skill for creating and managing a Design System using Tailwind CSS and shadcn/ui. | giuseppe-trisciuoglio/ | 357 | — | ~2.4k | Automated safety check: Notes | MIT | 1 mo ago |
| 298 | 298.Color Palette Generate, analyze, compare, export, and suggest color palettes using color theory. | jmagly/ | 221 | — | ~3k | Automated safety check: Pass | MIT | 2 days ago |
| 299 | 299.Nextjs Styling Implement zero-runtime CSS with Tailwind, CSS Modules, and the cn() utility for RSC-compatible styling in Next.js. | HoangNguyen0403/ | 572 | — | ~703 | Automated safety check: Pass | MIT | yesterday |
| 300 | 300.Shadcn UI Guide for implementing shadcn/ui - a collection of beautifully-designed, accessible UI components built with Radix UI and Tailwind CSS. | einverne/ | 121 | — | ~6.2k | Automated safety check: Pass | MIT | 1 mo ago |
| 301 | 301.Tailwindcss Guide for implementing Tailwind CSS - a utility-first CSS framework for rapid UI development. | einverne/ | 121 | — | ~6.5k | Automated safety check: Pass | MIT | 1 mo ago |
| 302 | 前端工程师 Skill，执行前端开发任务，自动适配项目技术栈（React/Vue/Svelte/Next.js 等），支持 Figma/Stitch 设计稿还原 | kingxiaozhe/ | 104 | — | ~829 | Automated safety check: Pass | MIT | yesterday |
| 303 | 303.Ultimate UI A skill your agent uses when building user interfaces that need to look polished, modern, and intentional - not like AI-generated slop. | NeverSight/ | 217 | 1 repo | ~4k | Automated safety check: Pass | MIT | yesterday |
| 304 | Unused CSS detector and dead selector auditor. An agent skill from LeoYeAI/openclaw-master-skills. | LeoYeAI/ | 2.2k | — | ~4.6k | Automated safety check: Pass | Apache-2.0 | 2 mo ago |
| 305 | 305.Base UI Build accessible, composable UI with @base-ui/react primitives and project styling tokens. | Asymmetric-al/ | 381 | — | ~1.2k | Automated safety check: Pass | AGPL-3.0 | yesterday |
| 306 | 306.Design Review Structured UI design review — existing code (React/JSX, CSS, Tailwind) and, when behaviour matters, the running app in a real browser — reported as a prioritised Before / After / Why table. | pproenca/ | 215 | — | ~3.4k | Automated safety check: Pass | MIT | 1 mo ago |
| 307 | Optimize tailwind class optimizer operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~587 | Automated safety check: Pass | MIT | yesterday |
| 308 | Initialize shadcn/ui + Tailwind CSS v4 in Vite projects (Vite-specific, not Next.js/Remix). | IgorWarzocha/ | 122 | — | ~1.3k | Automated safety check: Pass | No licence | 8 mo ago |
| 309 | Tailwind CSS v4 principles. An agent skill from coco-research/coco. | coco-research/ | 513 | — | ~1.8k | Automated safety check: Pass | Unknown | yesterday |
| 310 | Design system bootstrapping and token generation. An agent skill from c0x12c/ai-toolkit. | c0x12c/ | 106 | — | ~2k | Automated safety check: Pass | No licence | 3 mo ago |
| 311 | Subagent for figma-from-code Phase 1. An agent skill from bitovi/ai-enablement-prompts. | bitovi/ | 121 | — | ~2.4k | Automated safety check: Pass | MIT | 1 mo ago |
| 312 | Mobile-first UX optimization for touch interfaces, responsive layouts, and performance. | curiositech/ | 244 | — | ~2.7k | Automated safety check: Notes | MIT | 1 mo ago |
| 313 | 313.Aceternity UI 100+ animated React components (Aceternity UI) for Next.js with Tailwind. | secondsky/ | 227 | — | ~4.7k | Automated safety check: Pass | MIT | 13 days ago |
| 314 | 314.Hugo Hugo static site generator with Tailwind v4, headless CMS (Sveltia/Tina), Cloudflare deployment. | secondsky/ | 227 | — | ~4k | Automated safety check: Notes | MIT | 13 days ago |
| 315 | | Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. | secondsky/ | 227 | — | ~4k | Automated safety check: Pass | MIT | 13 days ago |
| 316 | 316.Design A skill your agent uses when designing or refreshing a web UI or landing page — visual concept, type/color/spacing/motion tokens, composition, rescuing a UI that reads AI-generic, or a graded design… | ericrisco/ | 180 | — | ~6.6k | Automated safety check: Pass | MIT | yesterday |
| 317 | Generate a complete, accessibility-checked design system from scratch — colour ramps, type scale, spacing, elevation, and exports for CSS, Tailwind, design tokens, Figma, VS Code and PowerPoint. | mohitagw15856/ | 1.4k | — | ~1.7k | Automated safety check: Pass | MIT | 2 days ago |
| 318 | Validate DESIGN.md files against the official Google specification using the @google/design.md CLI linter. | fabricioctelles/ | 106 | — | ~1.7k | Automated safety check: Pass | Apache-2.0 | 7 days ago |
| 319 | A skill your agent uses when reviewing or changing a React, Next.js, Tailwind, or shadcn interface and you need evidence-backed findings for accessibility, hierarchy, tokens, states, and responsive… | hashgraph-online/ | 1.3k | — | ~560 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 320 | 320.Design Tokens A skill your agent uses when the user asks for design tokens, DTCG tokens, theme systems, color/typography/spacing/radius/elevation/motion tokens, translating tokens, exporting tokens, making a… | hashgraph-online/ | 1.3k | — | ~1.2k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 321 | A skill your agent uses when a task spans interface understanding, design-system memory, UI audits, design CI, Figma, shadcn or Tailwind code generation, research, or agent design workflows and… | hashgraph-online/ | 1.3k | — | ~822 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 322 | 322.React UI A skill your agent uses when building any val with a user interface — dashboards, web apps, landing pages, forms, admin tools, anything users see in a browser. | hashgraph-online/ | 1.3k | — | ~904 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 323 | 323.UI UX Pro Max UI/UX 设计智能，在设计页面时必须使用 | Prorise-cool/ | 306 | — | ~1.5k | Automated safety check: Notes | No licence | 25 days ago |
| 324 | Migrate CSS Modules (.module.css/.module.scss) to Tailwind utility classes. | spencerpauly/ | 844 | — | ~881 | Automated safety check: Pass | CC0-1.0 | 2 mo ago |
| 325 | Convert plain CSS stylesheets to Tailwind CSS utility classes. | spencerpauly/ | 844 | — | ~916 | Automated safety check: Pass | CC0-1.0 | 2 mo ago |
| 326 | 326.Taste Senior UI/UX Engineer. An agent skill from EliasOulkadi/shokunin. | EliasOulkadi/ | 114 | — | ~3.5k | Automated safety check: Pass | MIT | 6 days ago |
| 327 | 当修改前端样式、shared UI、设置界面、响应式/紧凑布局、输入焦点、配色、Tailwind/CSS/container query，或裁决 reusable component 的样式 owner 时使用。 | Peiiii/ | 260 | — | ~489 | Automated safety check: Pass | MIT | yesterday |
| 328 | Extract design DNA from app screenshots, live URLs, or screen recordings using Google Stitch — color palettes, typography, spacing tokens, component patterns, and motion specs as design-tokens.json… | yonatangross/ | 292 | — | ~3.5k | Automated safety check: Notes | MIT | yesterday |
| 329 | Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). | criptogus/ | 288 | — | ~839 | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 330 | Predefined design system references for UI reviews. An agent skill from MadAppGang/claude-code. | MadAppGang/ | 285 | — | ~2.8k | Automated safety check: Pass | MIT | 7 mo ago |
| 331 | 331.Tailwindcss TailwindCSS v4 patterns with CSS-first configuration using @theme, @source, and modern CSS features. | MadAppGang/ | 285 | — | ~3.2k | Automated safety check: Pass | MIT | 7 mo ago |
| 332 | 332.Design Lab Conduct design interviews, generate five distinct UI variations in a temporary design lab, collect feedback, and produce implementation plans. | NeverSight/ | 217 | 1 repo | ~7.5k | Automated safety check: Pass | No licence | yesterday |
| 333 | 333.Tailwind A skill your agent uses when composing Tailwind utilities, building responsive or dark-mode layouts, defining component variants with cva, resolving conflicting classes with tailwind-merge, or… | kid-sid/ | 190 | — | ~3.2k | Automated safety check: Pass | MIT | 2 mo ago |
| 334 | 334.Hero UI Craft A skill your agent uses when Codex works on any front-end implementation, UI polish, dashboard, product screen, internal tool, design system, React component, Tailwind CSS v4 surface, HeroUI React… | hashgraph-online/ | 1.3k | — | ~3.4k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 335 | フロントエンド観点のレビューエージェント. An agent skill from hashgraph-online/awesome-codex-plugins. | hashgraph-online/ | 1.3k | — | ~2.2k | Automated safety check: Pass | MIT | yesterday |
| 336 | 336.Form Tokens A skill your agent uses when asked to define a design token system, create tokens, document tokens, set up CSS custom properties, build a Tailwind token config, establish a spacing scale, define… | jeremylongshore/ | 2.8k | — | ~6.9k | Automated safety check: Notes | MIT | yesterday |
