Search
Tailwind CSS · Frontend development
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | 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 |
| 2 | 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 | yesterday |
| 3 | 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 |
| 4 | 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 |
| 5 | 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 | yesterday |
| 6 | Builds the visual layer of a holaOS dashboard app with TanStack Start and @holaboss/ui, starting from a bundled reference instead of a blank page. | holaboss-ai/ | 11k | — | ~6.3k | Automated safety check: Pass | Unknown | 1 mo ago |
| 7 | Builds Frappe-style interfaces from the frappe-ui Vue 3 components and semantic Tailwind tokens instead of hand-rolled controls. | frappe/ | 738 | — | ~1.5k | Automated safety check: Pass | AGPL-3.0 | 8 days ago |
| 8 | Build websites and web UI with smooth, polished, high-end motion by default — the buttery feel of premium sites, not static slop. | bendrape1-byte/ | 138 | — | ~1.8k | Automated safety check: Pass | MIT | 1 mo ago |
| 9 | A skill your agent uses when creating, redesigning, or reviewing web interfaces that need product-specific structure, clear hierarchy, responsive composition, accessible interaction, or relief from… | ohmiler/ | 114 | — | ~2.6k | Automated safety check: Pass | MIT | 2 mo ago |
| 10 | 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 |
| 11 | Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations. | microsoft/ | 3.1k | 5 repos | ~3.6k | Automated safety check: Pass | MIT | today |
| 12 | 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 |
| 13 | 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 |
| 14 | Chooses between running regular npm frontend frameworks under Deno and building with Fresh, Deno's island-architecture framework, with Fresh 2.x guidance. | denoland/ | 100 | — | ~783 | Automated safety check: Pass | MIT | 2 mo ago |
| 15 | Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. | jjyaoao/ | 3.2k | 1 repo | ~7k | Automated safety check: Pass | MIT | 3 days ago |
| 16 | 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 | today |
| 17 | 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 | 2 days ago |
| 18 | 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 |
| 19 | 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 |
| 20 | 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 | yesterday |
| 21 | Guides building standards-based Preact apps with native-first choices, HTM syntax, import maps and vendored ESM, from single-file demos to larger builds. | oaustegard/ | 150 | — | ~4.6k | Automated safety check: Pass | MIT | yesterday |
| 22 | 22.Web Frontend apps/web UI — routes, @repo/ui, TanStack Start server functions and collections, navigation (Link vs useNavigate), forms (useForm + createFormSubmitHandler + fieldErrorsAsStrings for Zod field… | latitude-dev/ | 4.7k | — | ~5.2k | Automated safety check: Pass | MIT | yesterday |
| 23 | 23.Oma Frontend Implement or modify web UI in React, Next.js, or Angular. An agent skill from first-fluke/oh-my-agent. | first-fluke/ | 1.3k | — | ~3.2k | Automated safety check: Pass | MIT | today |
| 24 | 24.UI Web Web UI - glassmorphism, Tailwind, dark mode, accessibility. An agent skill from alinaqi/maggy. | alinaqi/ | 707 | — | ~3.7k | Automated safety check: Pass | MIT | 15 days ago |
| 25 | A skill your agent uses for ANY work involving React, Next.js, TypeScript, or Tailwind in the browser layer. | avibebuilder/ | 120 | — | ~1.3k | Automated safety check: Pass | MIT | 4 mo ago |
| 26 | 26.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 |
| 27 | Frontend development for React, Next.js, TypeScript, and Tailwind CSS. | borghei/ | 886 | — | ~1.7k | Automated safety check: Pass | MIT | 2 days ago |
| 28 | Optimize tailwind class optimizer operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~587 | Automated safety check: Pass | MIT | today |
| 29 | 29.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/ | 174 | — | ~6.6k | Automated safety check: Pass | MIT | yesterday |