Frontend & Design · Tailwind CSS

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

如果 xxx 文件夹中仅有 index.ts 文件, 则它是一个酒馆助手脚本. An agent skill from StageDog/tavern_helper_template.

StageDog/tavern_helper_template

A skill your agent uses when creating a new component for the design system.

LucasBassetti/godui

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

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/wg-skills

Design and style ryOS UI using the current OS theme token system, Tailwind variants, shared primitives, Aqua Glass, dark mode, and accent conventions.

ryokun6/ryos

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

Develop the AuthCrunch Docusaurus homepage, React components, navigation configuration, CSS, and Tailwind integration.

authcrunch/authcrunch.github.io

Design-to-code workflow for Figma designs. An agent skill from epam/ai-dial-chat.

epam/ai-dial-chat

Create or update component documentation pages in packages/ui/docs.

indielayer/ui

Migrate a gluestack-ui project from v2, v3, or v4 to v5 (NativeWind v5 or UniWind).

gluestack/gluestack-ui

Extract and compare computed CSS styles between a baseline URL and a dev/Storybook URL using Playwright MCP evaluate calls.

bitovi/ai-enablement-prompts

Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects.

julianromli/opencode-template

Scaffold and iterate on standalone Preact + HTM applications with zero build dependencies

initializ/forge

Bootstrap a new Next.js (App Router, TypeScript) web app with current packages and no deprecated APIs.

ccplugins/awesome-claude-code-plugins

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

melta DS の契約から画面 1 枚（ページ / スクリーン）を生成し、checkhtml で自己検証して coverage と評価不可まで報告する。トリガー: 「画面を作って」「〜ページを生成」「画面生成」「ダッシュボードを作って」「設定画面を作って」「build screen」「generate a page」。AGENTS.md のタスクベース読み込みガイドで契約を引き当て、最大 3…

tsubotax/melta-ui

用于使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂的、多组件的 claude.ai HTML artifact 的工具套件。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact - 不适用于简单的单文件 HTML/JSX artifact。

LeastBit/Claude_skills_zh-CN

A skill your agent uses when 用户需要审查前端代码（React/Vue/Next.js/TypeScript/Tailwind等）、检查代码质量、性能问题、可维护性、安全漏洞、最佳实践落地时。触发场景：前端代码评审、前端代码优化、React/Vue代码检查、TypeScript代码审查、前端性能优化、前端安全审计、前端代码规范检查。

ProgrammerAnthony/Expert-Coding-Harness

Install, configure, and initialize KtUI (Keenthemes Tailwind UI) in any project.

keenthemes/ktui

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/personal-site

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications.

alirezarezvani/claude-skills

Surgical aesthetic upgrade pipeline for existing React codebases.

Yu-369/VibeCurb

Build, restyle, or review accessible React interfaces that use shadcn/ui, Radix UI primitives, and Tailwind CSS.

LiarMTTT/TavernWeave

Updates the shadcn/ui theme by editing OKLCH CSS custom properties in apps/core/styles/tailwind.css.

pagezero-dev/pagezero

[Frontend] Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces.

InternScience/DrClaw

Scaffold and iterate on Vite + React applications. An agent skill from initializ/forge.

initializ/forge

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

Styles applications using Tailwind CSS v4 utilities. An agent skill from slimani-dev/muraqib.

slimani-dev/muraqib

Generates several visual directions for a component or page, lets you compare them, then fully implements the one you pick.

carson2222/skills

设计和排查 weapp-tailwindcss 动态 class 组合与运行时封装，覆盖 @weapp-tailwindcss/runtime、merge、cva、variants、typography、theme-transition、ui、clsx、twMerge、weappTwIgnore、escape/unescape、rpx transformer、缓存和组件 class…

weapp-tailwindcss/weapp-tailwindcss

Create new core components for GodUI (@godui/components) — animated, drop-in replacements for shadcn/ui with strict GPU-only motion.

LucasBassetti/godui

Clone a GitHub repo and extract design tokens (colors, fonts, spacing) from its codebase.

bluzir/claude-code-design

Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed.

aAAaqwq/AGI-Super-Team

Enforce Tailwind container queries over viewport breakpoints for responsive components.

flornkm/personal-site

Build Ordinus renderer UI in the intended product style. An agent skill from muratgur/ordinus.

muratgur/ordinus

Opinionated product-design skill for building, reviewing, polishing, and iterating on landing pages, apps, dashboards, AI products, design systems, and brand touchpoints.

kipperacademy/skillpper

You are an expert in Docusaurus theming and the Infima CSS framework.

AvaloniaUI/avalonia-docs