React · Theming and dark mode

Builds responsive, accessible Chakra UI v3 components and layouts, sets up Chakra in new or existing projects, and designs themes with tokens, semantic tokens and recipes.

chakra-ui/chakra-ui

UI/UX design intelligence for web and mobile. An agent skill from saoudi-h/solar-icons.

saoudi-h/solar-icons

Guides installing, configuring, styling and using taro-ui (At* components) in Taro apps for WeChat, Alipay, H5 and React Native.

jd-opensource/taro-ui

Implement Lottie animations using dotLottie runtimes (@lottiefiles/dotlottie-web and @lottiefiles/dotlottie-react).

LottieFiles/dotlottie-web

Explains how to use the @pierre/theming package to list, resolve, select, switch and persist themes, with controller, color and React references.

pierrecomputer/pierre

Use when an app uses @pierre/trees to render or control a file tree, including React, vanilla JavaScript, SSR, web components, selection, search…

pierrecomputer/pierre

Bootstrap, develop, and design modern WinUI 3 desktop applications with C and the Windows App SDK using official Microsoft guidance, WinUI Gallery patterns, Windows App SDK samples, and…

LanceMcCarthy/DevOpsExamples

Create Remotion videos using the Geist design system aesthetic.

Marve10s/Better-Fullstack

Guide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and loading toasts, updating, dismissing and persisting toasts, styling, theming and…

leepokai/Codync

Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices.

ever-works/ever-works

Install, choose, and compose 23rd shadcn/ui registry components for React and Svelte 5.

radiumcoders/23rd.dev

Manages lovdacn (lvcn) components and projects for Expo & React Native — adding, initializing, fixing, debugging, styling, theming, and composing UI with NativeWind or Uniwind.

lovdacn/ui

Build, validate, and debug GolemUI forms in React, Angular, Vue, Lit, or vanilla JS.

golemui/golemui

Scaffold a unified, cross-platform color theme system into an Expo Router app.

Code-with-Beto/skills

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

try-works/role-model

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

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

Contains Chakra UI v3 documentation for styling, theming, and components.

mikotoIO/mikoto

Comprehensive design guide for web, mobile, and desktop applications.

futureboard/futureboard-studio

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

shobcoder/shob

Theme and style Ignite UI Web Components (and igniteui-react) apps using CSS custom properties, optional Sass, and the igniteui-theming MCP server.

IgniteUI/igniteui-webcomponents

Create distinctive, production-grade frontend interfaces with high design quality.

jwynia/agent-skills

Work with @alfalab/core-components React UI library — imports, theming, MCP tools, and component patterns

core-ds/core-components

A skill your agent uses for UI/UX design intelligence in Codex: planning, building, reviewing, improving, or implementing web/mobile interfaces, landing pages, dashboards, design systems…

Jason904/ui-skill-lab

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

A checklist for UI changes that touch colors, surfaces or theme code, making sure light and dark modes, devices, states and layering all still work.

ZeroDeng01/sublinkPro

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

LiarMTTT/TavernWeave

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

AvaloniaUI/avalonia-docs

Step-by-step guide for creating new widgets in the Hex1b TUI library.

mitchdenny/hex1b

Identify the right Ignite UI Web Components (igniteui-webcomponents, grids, charts, dock manager, React wrappers) for a UI requirement and point to official docs, examples, and API references.

IgniteUI/igniteui-webcomponents

VeChain Kit and dapp-kit packages — installation, hooks, components, wallet connection, social login, smart accounts, theming, and Privy setup.

vechain/x-app-template

Expert guidance for building React UIs with Radix Themes and Radix Primitives.

aehrc/pathling

Uniwind — Tailwind CSS v4 styling for React Native. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

A skill your agent uses when building game UI (menus, HUD, dialogue box, settings/save screens) on top of Pixi'VN with an external JS framework (React, Vue) or with plain PixiJS components —…

DRincs-Productions/pixi-vn

Assembles component outputs from AI Design Components skills into unified, production-ready component systems with validated token integration, proper import chains, and framework-specific…

ancoleman/ai-design-components

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

rocky-data/rocky

A skill your agent uses when working on files in packages/plugins/, adding new plugins, refactoring plugin components/containers, writing storybooks for plugins, or wiring capabilities like…

dxos/dxos

Build accessible design systems with Radix UI primitives. An agent skill from aiskillstore/marketplace.

aiskillstore/marketplace

Designs and builds React/Next/Tailwind UI, audits visual and interaction defects, and stress-tests components with worst-case data.

mblode/agent-skills

Author a PostHog canvas with semantic HTML, CSS, and direct browser APIs — documents, articles, generative graphics, 2D canvas and WebGL experiences, and focused experiments where React components…

PostHog/posthog

Project-aware shadcn/ui components, registry MCP, theming, and design-system lint feedback.

BuilderIO/agent-native

Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture.

aiskillstore/marketplace

Guides the agent through general Ionic Framework development including core concepts, component reference, CLI usage, layout, theming, animations, gestures, development workflow, and troubleshooting.

LeoYeAI/openclaw-master-skills

A skill your agent uses when planning, building, designing, code review, refactor, fixing, improving, optimizing, enhancing, or checking UI/UX work.

majiayu000/spellbook

Theme and brand the React v7 UI Kit — light/dark mode, CSS custom-property design tokens, per-component style overrides.

cometchat/cometchat-skills

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

secondsky/claude-skills

A skill your agent uses when authoring or modifying browser-rendered visual output: HTML, CSS, React SSR, artifact templates, markdown renderers, design tokens, themes, or composed pages.

egregore-labs/egregore