Frontend & Design · React

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

marigold-ui/marigold

A skill your agent uses when 需要把现有 React、Vite、Next.js、V0 或 AI Studio 页面转换为 Figma Make 可导入的 .fig 资产，或补齐、更新、验证已有 Figma Make 导出壳和 canvas.fig。

lintendo/Axhub-Skills

Look up Spectrum 2 (S2) component documentation, design guidelines, and usage patterns when building with React Spectrum or Spectrum Web Components.

adobe/spectrum-design-data

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

layoutit/polycss

Search local Iconify JSON and use UnoCSS icon classes in the Open Flow repository.

oomol-lab/open-flow

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

Writing, editing, and rendering Slab documents (.slab) — the declarative design language for app screens, posters, terminal UIs, and interactive components.

stencil-hq/slab

Conventions for the opentrons-ai-client React/TypeScript frontend — project structure, API integration, state management (Jotai), feature flags, types, and testing.

Opentrons/opentrons

使用 i18next-cli 检查、同步和整理本项目的国际化资源。涉及新增、修改、删除翻译键或国际化字符串，以及修复缺失翻译时使用。

huoshen80/ReinaManager

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

Sets the rules for writing Handsontable documentation examples in JavaScript, TypeScript, React, Angular and Vue, with the imports, registration and licence key each needs.

handsontable/handsontable

Imperative scrolling for react-horizontal-scrolling-menu: scrollToItem(getItemById(id), behavior, inline, block), scrollNext/scrollPrev, apiRef for controlling the menu from outside (fire methods…

asmyshlyaev177/react-horizontal-scrolling-menu

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

A skill your agent uses when adding a new screen, route, or user-facing feature to the Ecency mobile React Native app, covering navigator registration, route params, i18n strings and styling.

ecency/vision-mobile

为 React 项目建立从浏览器页面元素到精确 JSX/TSX 源码、结构化上下文与可审阅修改的 SpotPatch 工作流。用户提到 SpotPatch、截图沟通前端修改、页面元素定位源码、Vite 或 Next.js 接入、组件数据链路、结构化 Prompt、AI 补丁审阅、安装检查或故障排查时使用此技能。

huanglvjing/spotpatch

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

Choose sx, sx, and composeSx when authoring or reviewing Tonic UI Box-based components, including wrappers and headless-library prop getters.

trendmicro-frontend/tonic-ui

Implement a playbook from its PROMPT specification files. An agent skill from AgnosticUI/agnosticui.

AgnosticUI/agnosticui

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

Decides whether an interface effect belongs in CSS, SVG, Canvas 2D, WebGL or WebGPU, then builds, debugs and visually verifies focused GPU effects inside product UIs.

v2space-labs/shader-for-interfaces

Technical reference for writing open-sheet workbooks as React files that export live .xlsx models, built around a rule against hand-written cell addresses.

lianghsun/open-sheet

A skill your agent uses when modifying Archestra frontend Next.js/React code, UI components, forms, TanStack Query hooks, generated API client usage, frontend copy, or documentation links.

archestra-ai/archestra

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

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

Code-with-Beto/skills

React hooks for Cosmos blockchain interactions — connect wallets, query balances, send tokens, sign messages.

graz-sh/graz

Refactor a monolithic React component file into a standardized module structure with components/, hooks/, utils/, and config/ subdirectories.

JNTMTMTM/eIsland

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

try-works/role-model

MUST consult before running ANY bit command. An agent skill from teambit/bit.

teambit/bit

Design, review, or implement AgentOS UI and UX work using the project’s operator-console visual system.

SapienXai/AgentOS

React SPA auth patterns with @clerk/react for Vite/CRA - ClerkProvider setup, useAuth/useUser/useClerk hooks, React Router protected routes, custom sign-in flows.

geekskai/blog

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

microsoft/vscode-cosmosdb

Chat Gun 的前端、OpenSpec、Streaming Event、Tool Renderer、型別邊界、多模態流式鏈路與 React/Vite 編程約束。Use when working on frontend code, tool rendering, streaming contracts, multimodal requests/responses, Weather…

HsienW/chat-gun

Check and analyze upstream Storybook repository changes that may need to be synced to storybook-rsbuild.

rstackjs/storybook-rsbuild

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

Set up high-performance development servers with Hot Module Replacement.

involvex/youtube-music-cli

A skill your agent uses when the user asks to create, view, or modify a SaaS Pegasus project via the pegasus CLI — e.g.

saaspegasus/django-boilerplate

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

Explains how to add or change the demo pages that Handsontable's visual regression suite photographs, including per-feature routes in the js demo and the shared grid.

handsontable/handsontable

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