Tailwind CSS agent skills, page 7

Frontend specialist for React, Next.js, TypeScript with FSD-lite architecture, shadcn/ui, and design system alignment.

first-fluke/oh-my-agent

当用户需要创建复杂的多组件 HTML Artifacts（包含 React、Tailwind CSS、shadcn/ui）时使用。此 Skill 用于需要状态管理、路由或 shadcn/ui 组件的复杂 Artifacts，不适用于简单的单文件 HTML/JSX。

boshi-xixixi/TraeSkill

A skill your agent uses when a task involves Remotion compositions, Studio, Player, @remotion packages, programmatic video rendering, captions, media processing, maps, or Remotion and Mediabunny…

Prismer-AI/PrismerCloud

A skill your agent uses when user wants a standalone HTML diagram in flat engineering blueprint style — architecture diagrams, system flows, technical spec sheets, component maps.

serejaris/personal-corp-os

Set up or run the token build pipeline — transform the DTCG tokens/.json (source of truth) into platform artifacts (CSS variables, Tailwind @theme, JS/TS, iOS Asset Catalog, Android, Compose) with…

plugin87/ux-ui-agent-skills

Build, critique, and iterate high-converting marketing or product landing pages using React + Vite + TypeScript + Tailwind and shadcn/ui components, with all icons sourced from Iconify.

instructa/agent-skills

Quick automated lint — detects common design system violations in seconds

sickn33/agentic-awesome-skills

View, add, or modify design tokens in the StyleSeed design system

sickn33/agentic-awesome-skills

Vue 3 expert skill for writing production-grade code. An agent skill from cigery-useio/useio-skills.

cigery-useio/useio-skills

Migrate a React Native project from NativeWind to Uniwind. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

This skill should be used when the user asks to "create an OpenHands App", "scaffold a Canvas App", "build an app with the Canvas Extensions API", "build an Agent Canvas App", "bundle a single-file…

OpenHands/extensions

Install and configure shadcn/ui components for React projects.

jezweb/claude-skills

React 18 patterns for LlamaFarm Designer. An agent skill from llama-farm/llamafarm.

llama-farm/llamafarm

Extract design tokens (color / typography / spacing) from imported source code, screenshots, or Figma exports into the canonical token bag token-map consumes.

nexu-io/open-design

Autonomous multi-page site builder using a baton-passing loop.

jezweb/claude-skills

Create motion graphics and videos using Remotion (React) with audio sync, web fonts, and TailwindCSS.

Mathews-Tom/armory

Implement or modify web UI in React, Next.js, or Angular. An agent skill from first-fluke/oh-my-agent.

first-fluke/oh-my-agent

Extract color palettes from images, websites, or designs. An agent skill from OneWave-AI/claude-skills.

OneWave-AI/claude-skills

shadcn-vue for Vue/Nuxt with Reka UI components and Tailwind.

secondsky/claude-skills

Generates and maintains a design manifest for visual consistency.

SethGammon/Citadel

Angular コードを生成し、アーキテクチャ ガイダンスを提供します。プロジェクトの作成、コンポーネント、またはサービスを作成するとき、または反応性（シグナル、linkedSignal、リソース）、フォーム、依存性注入、ルーティング、SSR、アクセシビリティ（ARIA）、アニメーション、スタイリング（コンポーネント スタイル、Tailwind CSS）、テスト、または CLI…

affaan-m/ECC

Apply Palot's design contract. An agent skill from ItsWendell/palot.

ItsWendell/palot

Using TailwindPlus Elements (@tailwindplus/elements) in the Rocky VS Code webviews.

rocky-data/rocky

Draft, edit, and publish blog posts for e9n.dev. An agent skill from espennilsen/pi.

espennilsen/pi

Use this skill BEFORE writing or restyling ANY user-facing interface.

WrongStack/WrongStack

Creating a new Remotion video

guanyang/open-agent-hub

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).

nexu-io/open-design

Build complex claude.ai HTML artifacts with React and Tailwind.

nexu-io/open-design

A skill your agent uses when creating elaborate, multi-component claude.ai HTML artifacts with React, Tailwind CSS, shadcn/ui, state management, routing, or complex frontend structure; not for…

majiayu000/spellbook

Fetch up-to-date documentation for any library, framework, API, or service into context.

avibebuilder/claude-prime

Tailwind CSS v4 conventions for real projects — CSS-first configuration with @theme, automatic content detection, the v3-to-v4 migration diffs, and dynamic class-name safety.

boraoztunc/skills

A skill your agent uses when building or styling plugin UI with Composer's design system — the @dxos/react-ui packages.

dxos/dxos

Generate transient or saved inline chat UI with Alpine/Tailwind controls, outputs, app state, and extensions.

BuilderIO/agent-native

Style components with Tailwind CSS v4 and project tokens. An agent skill from pedronauck/skills.

pedronauck/skills

AI 开发 Web 前端时应遵循的规范指引。当 Agent 执行前端开发任务（写组件、页面、样式、状态管理、构建配置、调试前端代码）时，加载本技能获取与最新主流 LLM 训练数据互补的规范约束：覆盖技术栈版本基线、AI 常见缺陷模式防御、代码质量红线、样式与界面设计质量（去 AI 味）、验证闭环流程。加载后按第 4 章工作流约束每一次代码生成行为。

cigery-useio/useio-skills

Generate DESIGN.md at the repo root by scanning existing design tokens (Figma export, tailwind.config, tokens.json, stylesheet) and synthesizing W3C-compatible YAML frontmatter + Markdown rationale…

alexandremendoncaalvaro/CorridorKey-Runtime

Web UI - glassmorphism, Tailwind, dark mode, accessibility. An agent skill from alinaqi/maggy.

alinaqi/maggy

Remotion のベストプラクティス - React で動画を作成する。3D、アニメーション、音声、字幕、チャート、トランジションなどをカバーするドメイン固有の29のルール。

affaan-m/ECC

Remotion 最佳实践 - 在 React 中创建视频。29 条领域特定规则，涵盖 3D、动画、音频、字幕、图表、过渡等。

affaan-m/ECC

A skill your agent uses for ANY work involving React, Next.js, TypeScript, or Tailwind in the browser layer.

avibebuilder/claude-prime

Tailwind CSS utility patterns with shadcn/ui component usage, theming via CSS variables, and responsive design.

BlackBeltTechnology/pi-agent-dashboard

MUST activate before editing ANY file under uiBundles//src/ (or the bundle's index.html) for visual or UI changes to an EXISTING app — pages, components, sections, layout, styling, colors, fonts…

forcedotcom/sf-skills

Suite of tools for creating elaborate, multi-component claude.ai HTML artefacts using modern frontend web technologies (React 19, Tailwind CSS v4, shadcn/ui).

sammcj/agentic-coding

Create a new Remotion video

sickn33/agentic-awesome-skills

Apply Mobazha mobile UX standards including font sizes, spacing, touch targets, and interaction patterns from original mobazha-mobile.

mobazha/mobazha-unified

Create or update an engineering-style NextClaw Panel component with pnpm, Vite, React, TypeScript, and Tailwind CSS, then build it into a static .panel directory inside a schema v2 package or an…

Peiiii/nextclaw

A skill your agent uses to diagnose CSS and frontend layout issues such as positioning, overflow clipping, Tailwind class conflicts, z-index stacking, and React rendering visibility problems.

majiayu000/spellbook

Extract Figma designs and generate production-ready React/Next.js components with TypeScript, Tailwind CSS, and pixel-perfect accuracy.

majiayu000/spellbook