Frontend & Design · React

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

vaneenige/monochrome-ui

Class-based reactive state management for React (Expressive MVC).

gabeklein/expressive-mvc

A skill your agent uses when adding a new interface language (locale) to the app, or when asked to translate the UI into another language.

ZoneMinder/zmNinjaNg

Add a list+create page to a React app (clients/admin or clients/dashboard) — API module, page, lazy route, (admin) permission gate, Playwright test.

fullstackhero/dotnet-starter-kit

Create or change Video.js React UI components. An agent skill from videojs/video.js.

videojs/video.js

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

scaleway/ultraviolet

Guidelines for reviewing API design in the Hex1b codebase. An agent skill from mitchdenny/hex1b.

mitchdenny/hex1b

A skill your agent uses when customizing, branding, or replacing the built-in FrontMCP OAuth pages (the login, consent, federated-select, incremental-authorization, and error pages) with your own…

agentfront/frontmcp

Step-by-step guide for migrating React applications to Gea — covering project setup, component conversion, state management, routing, styling, and known pitfalls.

dashersw/gea

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

Builds onchain apps with Coinbase's OnchainKit React components and TypeScript utilities: wallet connection, identity, token swaps, transactions and checkout flows.

BankrBot/skills

Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations.

microsoft/skills

Polishes and improves the UI in your project. An agent skill from VladSez/easy-invoice-pdf.

VladSez/easy-invoice-pdf

Atlas — a design language and UI guide system for agent interfaces.

pacifio/ui

Implement and review Open Flow frontend components, styling, layout, and interactions.

oomol-lab/open-flow

Implements and documents @reatom/jsx — reactive native DOM JSX.

reatom/reatom

PostHog integration for static Astro sites using SSG. An agent skill from will-be-done/will-be-done.

will-be-done/will-be-done

A skill your agent uses when wanting to systematically improve the React/TypeScript frontend - scans for security vulnerabilities, stability risks, performance issues, and code simplification…

luxury-yacht/app

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

GetStream/stream-chat-react

Apply pull-request review comments to the frontend of kotlinlang.org (Next.js, React, TypeScript, CSS Modules under blocks/, components/, pages/, hooks/, utils/, test/).

JetBrains/kotlin-web-site

Development and maintenance of Xray Config UI Editor. An agent skill from bropines/xray-config-ui-editor.

bropines/xray-config-ui-editor

The original v1 taste-skill, preserved for projects depending on its exact behavior.

caorushizi/oss-client

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

Discover and integrate Sona UI registry components. An agent skill from Dinil-Thilakarathne/sona-ui.

Dinil-Thilakarathne/sona-ui

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

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

Storybook best practices for Wonder Blocks component stories.

Khan/wonder-blocks

Bulletproof React architecture patterns for scalable, maintainable applications.

yamcodes/arkenv

Scaffold a new page builder block for Turbo Start Sanity end-to-end — Sanity schema, GROQ projection, styled React component, Markdown serializer, tests, and all registrations.

robotostudio/turbo-start-sanity

Sets the conventions for the Opik React frontend: TanStack Query for data, Zustand for shared state, one-way layer imports and a fix for Google Translate crashes.

comet-ml/opik

Build, review, or test LiteyukiBot v7's React/Vite WebUI under webui/ and its packaged static delivery in packages/webui/.

LiteyukiStudio/LiteyukiBot

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

mikotoIO/mikoto

用于 React / HiUI 页面从需求细化到端到端生成与验收。适用于从模糊产品需求生成并验收页面、 HiUI 页面提测前检查、页面生成后做体验走查、页面从需求到实现再到 UX 验收闭环等任务。

XiaoMi/hiui

Turns an article or spoken script into a click-through, full-screen 16:9 web presentation that looks like a video, with optional synthesized narration.

ConardLi/garden-skills

Builds distinctive, production-grade UIs that avoid generic AI aesthetics.

avibebuilder/claude-prime

Form implementation guidance for the aghub desktop app. An agent skill from AkaraChen/aghub.

AkaraChen/aghub

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

futureboard/futureboard-studio

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

JNTMTMTM/eIsland

Builds 3D web scenes with Three.js and React Three Fiber, with attention to art direction, a performance budget, mobile behavior and fallbacks.

madebyaris/advance-minimax-m3-cursor-rules

Port and sync shadcn-style React components, blocks, examples, and documentation into Zaidan.

carere/zaidan

Manually invoked skill for reskinning Payload UI components.

payloadcms/payload

Maintain element type comparison safety in remix-forms. An agent skill from seasonedcc/remix-forms.

seasonedcc/remix-forms

Guided walkthrough for forking and deploying your own SimplePDF Copilot: hosting choice, Pro-account confirmation, AI-provider wiring, demo customization, deploy, and the SimplePDF whitelist step.

SimplePDF/simplepdf-embed

Compare React component render counts between origin/main and the current branch during a user-defined UI scenario (e.g.

imbue-ai/sculptor

CRITICAL: Use for json-ui component rendering and development.

actionbook/actionbook

Inspect and profile the React component tree of a running Storybook story through chrome-devtools-mcp (React DevTools over the Chrome DevTools Protocol, via react-devtools-cdt-mcp).

sanity-io/ui