Frontend & Design · Tailwind CSS

Build, improve, or inspect UI with StyleSeed. An agent skill from bitjaru/styleseed.

bitjaru/styleseed

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/vibeusage

Installation instructions for daisyUI 5 with Tailwind CSS 4: the npm setup, CSS plugin lines, CDN usage and pointers to framework-specific guides.

saadeghi/daisyui

React UI component systems with TailwindCSS + Radix + shadcn/ui.

try-works/role-model

Design, review, or implement AgentOS UI and UX work using the project’s operator-console visual system.

SapienXai/AgentOS

生成海报/做海报/公众号封面/小红书配图/朋友圈配图/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

Writes, fixes, and reviews SvGrid data-grid code in Svelte 5 projects - columns, features, inline editing, filtering, theming with --sg- tokens, server-side data, the built-in AI helpers, and the…

sv-grid/sv-grid

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

Add a new TallCraftUI Blade component end-to-end (class with inline template, color/size traits, config defaults, provider registration, docs reminder).

developermithu/tallcraftui

Routes visual design requests to built-in logo, corporate identity, slide, banner, social photo and icon workflows, backed by style data and AI image generation.

assafkip/kipi-system

Generates a single-file HTML presentation that pairs a narrated sidebar with a 3D card carousel, for walking through protocols, product features or step-by-step processes.

Unclecheng-li/AI_Animation

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

Guide implementation, fixes, reviews, documentation, generation, and validation in the Any TDF monorepo across the shared core, STDF/Svelte, RTDF/React, VTDF/Vue, demos, sites, tooling, AI skill…

any-tdf/any-tdf

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

HTMLファイルをmelta UIデザインシステムに照らしてレビューし、違反を検出・分類・修正提案する。トリガー: 「デザインレビュー」「DSチェック」「禁止パターンチェック」「design review」「check compliance」「DS準拠確認」。対象ファイルのパスを引数で受け取る。

tsubotax/melta-ui

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