Tailwind CSS agent skills, page 5

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

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

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

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

Operate the file-first workflow for evergreen and timely Markdown-managed posts on this blog.

benjamincrozat/blog-v5

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

为 Expo/React Native 配置 @weapp-tailwindcss/react-native 0.2.5 的 Tailwind CSS 4 编译器、Metro virtual module、Babel JSX transform、style manifest、tw runtime、dark/ios/android/native variants。Use for Expo SDK…

weapp-tailwindcss/weapp-tailwindcss

将文本内容转换为精美的杂志风格HTML页面，支持专业排版和多种视觉风格。触发场景：(1) 用户想将文本/文章转换为杂志风格HTML，(2) 用户提到"杂志排版"、"杂志设计"、"文章排版"、"专业排版"、"文本美化"、"magazine layout"，(3) 用户需要优雅排版的HTML页面，(4) 用户需要将设计内容导出为PDF。支持12种独特视觉风格，使用Tailwind CSS。

isjiamu/jiamu-skills

用于使用现代前端 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

Prepare @indielayer/ui changes for release with changesets and conventional commits.

indielayer/ui

Choose and frame strong weekly framework or tooling news without drifting into hype.

benjamincrozat/blog-v5

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

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

kipperacademy/skillpper

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

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

AvaloniaUI/avalonia-docs

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

Guides you through creating and implementing a design system for your application.

buildermethods/bm-skills

Responsive (mobile + desktop) layout workflow. An agent skill from epam/ai-dial-chat.

epam/ai-dial-chat

Build UI components with React, Next.js, Tailwind CSS, and shadcn/ui.

AlexPEClub/ai-coding-starter-kit

建立于 shadcn/ui 之上的附加 UI 组件

graphif/project-graph

Uniwind — Tailwind CSS v4 styling for React Native. An agent skill from CherryHQ/cherry-studio-app.

CherryHQ/cherry-studio-app

Produces one self-contained HTML and Tailwind mockup for UI inspiration, with detailed rules on fonts, icons, dark versus light mode and chart handling.

JayZeeDesign/awesome-claude-skills

Official daisyUI component library skill. An agent skill from carverauto/serviceradar.

carverauto/serviceradar

Best practices for building UI components with shadcn/ui. An agent skill from pedronauck/skills.

pedronauck/skills