React · Design tokens

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

Skillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/).

runkids/skillshare

Extract the full design language from any website URL. An agent skill from Manavarya09/design-extract.

Manavarya09/design-extract

Add Solar Icons via @solar-icons/cli to any React, Vue, Svelte, Solid, Angular, React Native, Nuxt, Static, vanilla JS, or Laravel Blade project.

saoudi-h/solar-icons

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

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

mailtrap/mailtrap-local

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

try-works/role-model

Generate framework-aware code from a Figma design. An agent skill from awdr74100/figwright.

awdr74100/figwright

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

ever-works/ever-works

A skill your agent uses when implementing, refactoring, or reviewing frontend UI across SwiftUI, React, React Native, Flutter, web, or mobile apps.

MaxHan7/frontend-ui-standards-skill

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

Guide for building UI with Montage (Wanted Design System) in React/Next.js projects.

wanteddev/montage-web

Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution.

jjyaoao/HelloAgents

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

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

LiarMTTT/TavernWeave

Turns Stitch screens into a React, Vite and TypeScript dashboard with TanStack Query data fetching, DESIGN.md tokens as CSS variables and optional read-only Web3 data.

google-labs-code/stitch-skills

Generates complete, accessible, token-driven UI component code for a chosen framework such as React with Tailwind, SwiftUI, Vue, Flutter or Jetpack Compose.

plugin87/ux-ui-agent-skills

Guides design, implementation and review of Shift interface work: shared Base UI wrappers, Tailwind v4 theme tokens, Figma matching and accessible interaction states.

shift-editor/shift

Build right-to-left Persian (Farsi) UI in React and Tailwind the way an Iranian product team would: logical CSS only, Persian fonts without letter-spacing, Persian digits and «تومان», Jalali dates…

TronIsHere/vibefarsiui

Light 按需工程技能·前端设计：把模糊的「做个好看的界面」落成能跑的 React/Tailwind/shadcn 代码 + 设计决策说明—— 有视觉记忆点(signature element)、风格自洽(design tokens 一致)、适配场景(学术海报/数据大屏/管理后台/移动端/营销 landing 信息密度各不同)、反「一眼 AI」(紫蓝渐变/Inter/16px 圆角/巨型…

Light0305/Light-skills

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

Ohh-889/skyroc

AI design specialist skill with DESIGN.md management, anti-pattern enforcement, optional Stitch MCP integration, and component library guidance.

first-fluke/oh-my-agent

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

dxos/dxos

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

aiskillstore/marketplace

Stitch 프로젝트를 분석하여 DESIGN.md 파일을 생성합니다 — 디자인 시스템을 시맨틱하고 자연스러운 언어로 문서화하여 일관된 UI 생성을 지원합니다.

jh941213/my-cc-harness

Converts Stitch screens into a React component system -- includes design token extraction, component decomposition, TypeScript type generation, and automated verification.

jh941213/my-cc-harness

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

cometchat/cometchat-skills

Skillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/).

JetBrains/skills

Integrate with Figma API for design automation and code generation.

hoodini/ai-agents-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

Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page templates.

sundial-org/awesome-openclaw-skills