Frontend & Design · React

Promote a duplicated React/JSX template-local component into the shared @asyncapi/generator-components package.

asyncapi/generator

Local browser verification for the lobe-ui component library and documentation site.

lobehub/lobe-ui

Routes frontend and UI work through design reference rulesets, with a design-system gate plus layout and print guidance, before any UI code is written.

code-yeongyu/oh-my-openagent

React-to-SolidJS transformation patterns for porting shadcn-style React components, examples, docs snippets, and blocks into Zaidan.

carere/zaidan

Design and implement a new feature or component from a GitHub issue.

AgnosticUI/agnosticui

GPU frame debugging with RenderDoc via rdc-cli. An agent skill from rudybear/renderdoc-skill.

rudybear/renderdoc-skill

Frontend rules for building components in the Typebot codebase: simple Tailwind classes, shared UI primitives, minimal useEffect and a fixed declaration order.

baptisteArno/typebot.io

Avoid direct React useEffect usage when writing or reviewing React components and hooks.

fastrepl/anarlog

Integrate Convex static self hosting into existing apps using the latest upstream instructions from get-convex/self-hosting every time.

waynesutton/markdown-site

ChaiBuilder Core extension patterns for Next.js. An agent skill from chaibuilder/core.

chaibuilder/core

Build websites and web UI with smooth, polished, high-end motion by default — the buttery feel of premium sites, not static slop.

bendrape1-byte/silk-design

UI/UX design intelligence and implementation guidance for building polished interfaces.

sundial-org/awesome-openclaw-skills

Look up authoritative Instructure UI (InstUI, @instructure/ui-) documentation — component APIs, props, theme variables, usage examples, and guides — by querying instructure.design's plaintext docs.

instructure/instructure-ui

NutUI React proportional scaling on branch featresize: runtime --nut-scale-f / --nut-scale-font / --nut-scale-icon from scale-f.ts (H5) and scale-f.taro.ts (Taro), Sass helpers scale-px /…

jdf2e/nutui-react

Production framework styler and surgical RTL UI polish engine with Contextual Decision Layer (CDL).

TidyFactor/Styler

Use @data-client/react hooks for data fetching, mutations, and rendering - useSuspense, useFetch, useQuery, useCache, useLive, useDLE, useSubscription, useController, DataProvider, AsyncBoundary…

reactive/data-client

Removes the south-admin-react template's demo pages, components and menu entries, after a dry-run preview and your confirmation, and cleans up the matching imports.

southliu/south-admin-react

A skill your agent uses when creating, redesigning, or reviewing web interfaces that need product-specific structure, clear hierarchy, responsive composition, accessible interaction, or relief from…

ohmiler/gridgeist

Style Obsidian plugin UI with Tailwind + native components. An agent skill from aidenlx/zotlit.

aidenlx/zotlit

TanStack Query (React Query) best practices for data fetching, caching, mutations, and server state management.

DeckardGer/tanstack-agent-skills

Recipes composed on the react-horizontal-scrolling-menu public API — NOT props: autoplay (setInterval + scrollNext gated on menuVisible), infinite loop/carousel (clone head/tail + scrollLeft…

asmyshlyaev177/react-horizontal-scrolling-menu

Authoritative guide and toolset for AI agents to operate, configure, and visually design applications using Glide (@srivarsank/glide).

SrivarsanK/Glide

Audit ported storybook-rsbuild source files against the CURRENT upstream Storybook source, grouped by the local package that owns each port, independent of commit history.

rstackjs/storybook-rsbuild

Verify frontend changes end to end after editing a web app, instead of manually clicking through pages.

ucsandman/marketing-studio

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

Install and use goey-toast — a gooey, morphing React toast component built on Sonner with Framer Motion.

anl331/goey-toast

Build or modify ChatbotX builder UI components, forms, tables, dialogs, shared UI usage, and translations.

ChatbotXIO/ChatbotX

Review frontend code (.tsx, .ts, .js files) for quality, performance, and correctness against Langflow's frontend conventions.

langflow-ai/langflow

Systematically reduce the shipped bundle size of a JS/TS library without sacrificing code readability or breaking consumer APIs.

kcsujeet/ilamy-calendar

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

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

Generates 2D Remotion-based TSX video files for VidTSX from a shot or scene description, with style presets and rules that keep renders from crashing.

hassancs91/claude-faceless-shorts-creator

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

bear2u/my-skills

Build and harden React Flow diagram surfaces in VeloxDB using @xyflow/react patterns (nodes, edges, viewport, controls, interactions, performance).

veloxbase/veloxdb

Add Temps analytics to React applications with comprehensive tracking capabilities including page views, custom events, scroll tracking, engagement monitoring, session recording, and Web Vitals…

gotempsh/temps

交互式动态视觉叙事生成器 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

A skill your agent uses when working with BuzzForm schema-driven forms, @buildnbuzz/form-core, @buildnbuzz/form-react, or any related APIs like defineSchema, InferType, FormProvider, useDataField…

buildnbuzz/buzzform

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

Apply Shadmin feature-development standards (backend Go/Gin/Ent + frontend React/TS).

ahaodev/shadmin

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