React · For designers

A skill your agent uses when the user's task involves HiUI (@hi-ui/) — writing HiUI components, debugging HiUI issues, querying HiUI props/docs, migrating from HiUI V4 to V5, or setting up React 19…

XiaoMi/hiui

Creates, refines and exports editable OneWorks 3D geometric avatars for mascots, bots or agents, keeping one shared scene state across preview, share link and export.

oneworks-ai/avatar

Migrate TailwindCSS to StyleX. An agent skill from shadcn-labs/shadcn-cssinjs.

shadcn-labs/shadcn-cssinjs

Set up and author a documentation site with @lobehub/docs-kit (the lobedocs CLI, React Router + Vite static docs used by ui.lobehub.com).

lobehub/lobe-ui

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

Comprehensive guide for creating effective landing pages using Next.js or React.

bear2u/my-skills

交互式动态视觉叙事生成器 v11.0 (Hybrid Drive Edition)。基于用户输入的任意主题关键词， 通过多轮交互式对话收集需求，利用 React 19 + Tailwind 4 驱动的 Minimal Mono 极简编辑器， 实时操纵隔离在 Iframe 中的硬核 GSAP/WebGL 影视级叙事引擎。

pixelxzen/phantom-motion

Animation patterns and best practices for Next.js/React applications.

delphi-ai/animate-skill

Distill and apply this repository's Next.js Nextra starter architecture, implemented features, extension points, and migration patterns.

pdsuwwz/nextjs-nextra-starter

A skill your agent uses when building terminal user interfaces with React Ink - interactive CLI apps, terminal dashboards, progress displays, or keyboard-driven TUI components.

pass-agent/loomkin

Create and render wireframes using wiremd — a text-first tool that converts Markdown into visual HTML mockups.

akonan/wiremd

Create or refresh Morphous website design-system/theme bundles from animal, insect, plant, landscape, mineral, weather, or other nature motifs.

Ameyanagi/morphos

Covers GSAP plugin use: registration, scroll, Flip, Draggable, SVG, text, physics and easing plugins, with the current free licensing and npm install guidance.

greensock/gsap-skills

Implements user interfaces using the Wonder Blocks (WB) design system — Khan Academy's React component library.

Khan/wonder-blocks

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

radiumcoders/23rd.dev

DST — Trigger the Visual-Regression-Tests (Chromatic) GitHub Actions workflow on the current or a given branch.

marigold-ui/marigold

Build PolyCSS scenes that render 3D meshes, primitive shapes, or custom polygons as DOM/CSS polygon elements.

layoutit/polycss

NutUI React Taro 小程序 WXSS 编译超时修复：nutui-taro-demo 样式 bundle 合并、 删除无效 renderingMode、app-origin.wxss 体积治理。Use when 微信小程序报 [ WXSS 文件编译错误] something must be wrong、wcsc timeout、app-origin.wxss…

jdf2e/nutui-react

Add a Figma Code Connect (.figma.tsx) file for a Cauldron React component.

dequelabs/cauldron

Build a Figma design from code or a description — the reverse of figma-codegen.

awdr74100/figwright

Composition patterns for building React components with @renders type annotations from eslint-plugin-react-render-types.

HorusGoul/eslint-plugin-react-render-types

A skill your agent uses when building Figma plugins, creating design automation tools, implementing sandbox/UI communication, or working with the Figma Plugin API for node manipulation, styles, and…

bergside/design-md-figma

Use the daleui React design system with semantic Panda CSS tokens and accessible components.

DaleStudy/daleui

A skill your agent uses when writing or refactoring React + Tailwind v4 code in this repo.

mailtrap/mailtrap-local

Guides use of Anime.js for timeline sequences, stagger effects, SVG morphing and keyframe animation on DOM elements, CSS, SVG and JavaScript objects.

freshtechbro/claudedesignskills

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

bitjaru/styleseed

Guides React animation work with GSAP, Motion, Anime.js and Lenis for scroll effects, page transitions, text effects and generative visuals, with a library decision table.

Hainrixz/editor-pro-max

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

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

golemui/golemui

A skill your agent uses when building Cmd+K command palettes in React - covers keyboard navigation with arrow keys, keeping selected items in view with scrollIntoView, filtering with shortcut…

AgentWorkforce/relay

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

Detects and fixes accessibility issues in React/Fluent UI webviews.

microsoft/vscode-cosmosdb

Audit an existing UI/UX design (React/JSX/TSX components, HTML, or generated app code) against a tiered ruleset of verifiable UX principles, and produce structured, evidence-cited findings that a…

rome-os/rome

Add the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone cursor trail driven by ChromaFlow, masked through a DotGrid, finished with chromatic ripples and film…

nirholas/three.ws

Design review and implementation guidance for the Qovery Console.

Qovery/console

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

Build accessible UI with monochrome, the framework-agnostic UI library for agents.

vaneenige/monochrome-ui

Audit components for accessibility. An agent skill from scaleway/ultraviolet.

scaleway/ultraviolet

Create or modify gluestack-core and gluestack-utils packages for component creators and utilities

gluestack/gluestack-ui

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

Maintain WCAG-focused accessibility in stream-chat-react. An agent skill from GetStream/stream-chat-react.

GetStream/stream-chat-react

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

Builds, styles, and reviews UI with BEEQ, Endava's web-component design system.

Endava/BEEQ

Guide for updating Iconify icons and IconNames conventions in BMM.

Y80/bmm