Tailwind CSS · For frontend developers

生成海报/做海报/公众号封面/小红书配图/朋友圈配图/OG图/分享卡/头图/横幅/banner — social-ready posters, covers and share cards with big-type layouts, brand gradients and platform size specs.

tsingliuwin/autoclaw

OKLCH color space for web projects. An agent skill from Dinil-Thilakarathne/sona-ui.

Dinil-Thilakarathne/sona-ui

Set up oxlint-tailwindcss — Tailwind CSS v4 lint rules for oxlint — in a project, and act on its diagnostics.

sergioazoc/oxlint-tailwindcss

Manage shadcn/ui components using MCP tools. An agent skill from julianromli/opencode-template.

julianromli/opencode-template

Generate framework-aware code from a Figma design. An agent skill from awdr74100/figwright.

awdr74100/figwright

Open Analytics' design language, extracted from the shipped product: an ink-derived neutral system, squircle surface anatomy, one small spring vocabulary, pixel-matched skeletons, and a plain-spoken…

OpenLabs-so/oa-design

UI/UX design intelligence. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

Add dark mode styles to components using Tailwind dark: variant classes.

codecrafters-io/frontend

Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React.

ever-works/ever-works

Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations.

microsoft/skills

Atlas — a design language and UI guide system for agent interfaces.

pacifio/ui

The original v1 taste-skill, preserved for projects depending on its exact behavior.

caorushizi/oss-client

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/bryl-minimal-design

The DataRepublican design system — tokens, the .dr- component layer, the z-index scale, the icon set and the shell measure.

DataRepublican/datarepublican

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/Orange-Boosted-Bootstrap

Guide for updating Iconify icons and IconNames conventions in BMM.

Y80/bmm

Apply a Swiss International Style design system using Tailwind CSS.

try-works/role-model

Activate when creating or modifying Vue 3 components, pages, layouts, stores, or services in the frontend.

gdarko/laravel-vue-starter

A skill your agent uses when styling any elevated surface (card, dialog, popover, dropdown, menu, tooltip, sheet, toast) in a Tailwind project that has shadow-plugin installed.

Dinil-Thilakarathne/sona-ui

Tauri development guidelines for building cross-platform desktop applications with TypeScript, Rust, and modern web technologies

zosmaai/zosma-cowork

DEPRECATED — moved to the kendo-design plugin in telerik/ai-plugins (https://github.com/telerik/ai-plugins).

telerik/kendo-themes

Style Docusaurus sites to match Avalonia Customer Portal theme using TailwindCSS, CSS variables, and component swizzling.

AvaloniaUI/avalonia-docs

A skill your agent uses for Cachet Tailwind CSS and UI styling: Blade utility classes, public status-page components, Filament dashboard theme work, responsive layout, dark mode, spacing…

cachethq/core

UI/UX design intelligence expert for web and mobile applications.

shobcoder/shob

Chooses between running regular npm frontend frameworks under Deno and building with Fresh, Deno's island-architecture framework, with Fresh 2.x guidance.

denoland/skills

AnyRobot 前端开发核心指南：提供 JavaScript + React + shadcn/ui 开发的精简实用规范和最佳实践。

opsrobot-ai/opsrobot

Applies GitArena's official design system, colors, and typography to frontend components and pages.

mellowagain/gitarena

Guides designing and building Svelte 5 UI components in the bootc extension.

podman-desktop/extension-bootc

Find, install, and configure OpenCode plugins from the catalog or community.

IgorWarzocha/Opencode-Workflows

Styles applications using Tailwind CSS v3 utilities. An agent skill from OpenLitterMap/openlittermap-web.

OpenLitterMap/openlittermap-web

蒸馏并应用当前仓库的 Next.js Nextra 启动模板架构、已实现功能、二次开发扩展点与迁移模式。适用于理解本项目、继续二次开发、修改 docs/landing/i18n/theme/auth/UI 行为，或把这些 Next.js 16 + Nextra 4 + Tailwind CSS 4 模式复用到其他项目。

pdsuwwz/nextjs-nextra-starter

Create a new BEEQ StencilJS web component. An agent skill from Endava/BEEQ.

Endava/BEEQ

为 ReactLynx + Rspeedy 配置 @weapp-tailwindcss/lynx 0.3.2 与 Tailwind CSS 4，覆盖 Rspeedy plugin、Lynx 原生 CSS、静态 className、theme 变量静态化、任意值、encoder 警告和 iOS/Android 运行端验证。Use for ReactLynx, Rspeedy, Lynx…

weapp-tailwindcss/weapp-tailwindcss

Apply Fulldev's content, schema, layout, component and block conventions in Astro client projects, and install UI from the @fulldev registry.

fulldotdev/ui

Patterns, conventions, and examples for implementing new oxlint Tailwind CSS rules and their tests.

sergioazoc/oxlint-tailwindcss

Configuration options for daisyUI 5

saadeghi/daisyui

Edit or add component theme classes and styles for shipped theme variants (base, carbon).

indielayer/ui

Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution.

jjyaoao/HelloAgents

Project configuration and rendering mode patterns for Rasengan.js.

rasengan-dev/rasenganjs

Generates type scales, color palettes, spacing systems, WCAG contrast checks and dark mode palettes from formulas, as CSS custom properties, a Tailwind config or JSON tokens.

dylanfeltus/skills

Guides styling implementation using TailwindCSS + CSS Modules.

MatrixAges/polywise

Build a new app or add Stream products (Chat, Video, Feeds, Moderation) to an existing app.

adrianhajdin/react-native-lingua

指导在项目中对前端代码（Next.js/React/TypeScript/Tailwind 等）进行结构、可维护性、性能与一致性审查，基于既定规则清单。适用于用户请求审查 .tsx/.ts/.js/.jsx 等前端文件或前端目录下的页面与组件。不用于后端代码（如 .py）。

ProgrammerAnthony/Anything-Extract

Tailwind CSS component library providing semantic class names for 50+ components with built-in themes, dark mode, and customization for rapid UI development.

rayriffy/rayriffy-h

Update the third-party JavaScript vendored into the app for the artifact, diagram, and math WebViews (KaTeX, mermaid, marked, highlight.js, Tailwind, Babel, React).

garfiec/Librechat-Mobile

Apply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation.

boraoztunc/skills

将现有 weapp-tailwindcss 项目迁移到当前 v5/Tailwind CSS 4 生成链路，处理旧 weapp-tw patch、旧版 CLI init/Sass/Less/目录扫描、tailwindcss-patch、官方 PostCSS/Vite 插件、相对 cssEntries、H5 disabled、Webpack 4、Node/HBuilderX/ESM 要求。Use…

weapp-tailwindcss/weapp-tailwindcss

Comprehensive integration skill for building sites with SvelteKit 2, Svelte 5, and Tailwind CSS v4

302ai/302-AI-Studio