React agent skills, page 22

Add and tune animated liquid-metal WebGL borders with the React metal-fx package.

boraoztunc/skills

Add accessible animated AI loading and agent-status indicators with the React thinking-orbs library.

boraoztunc/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

为 iPolloWork 新插件或插件工作区复用 UI 组件、颜色、字体及交互规范。按 Figma 成熟状态和代码清单优先采用已确认组件，区分宿主 React 与独立 HTML/iframe 的接入方式；适用于插件表单、导航、浮层、反馈、状态和进度设计及实现，不改变用户作品的视觉风格。

Devin-AXIS/iPolloWork

Best practices for writing Remotion React Markup. An agent skill from guanyang/open-agent-hub.

guanyang/open-agent-hub

Coding conventions, architecture patterns, and testing rules for the SkillHub React frontend.

iflytek/skillhub

Professional typography rules for UI design, web applications, software interfaces, and all screen-based text.

bencium/bencium-marketplace

Apply Disney's 12 principles as practical design and engineering rules for procedural animation.

vibe-motion/skills

Turn a LinkedIn Analytics export into an interactive dark-themed React dashboard plus a written strategic analysis with 5 data-backed content recommendations.

charlie947/social-media-skills

Configure file watching hooks to auto-react to config changes, env file updates, and dependency modifications.

rohitg00/pro-workflow

Detects hand-rolled optimistic-update plumbing in React code that should be using effect-atom's Atom.optimistic and Atom.optimisticFn instead.

UsefulSoftwareCo/executor

Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android rendered from React in an Expo or React Native app.

sickn33/agentic-awesome-skills

Audits and strips Lovable scaffolding from Vite + React projects — removes lovable-tagger, swaps placeholder assets, prunes unused Radix deps, cleans generated docs, and neutralizes stale…

sickn33/agentic-awesome-skills

GSAP animation engine sub-skill - core, timeline, ScrollTrigger, plugins.

AThevon/genjutsu

Agent skill for sandbox - invoke with $agent-sandbox. An agent skill from ruvnet/ruflo.

ruvnet/ruflo

A skill your agent uses when building, refactoring, or debugging Angular (v20/21+): standalone components, signals, zoneless change detection, @if/@for/@defer control flow, inject() DI…

ericrisco/rsc-harness

Critique and improve the visual design of an existing UI component with concrete implementation guidance.

superset-sh/superset

A skill your agent uses when an AI agent (or any external script) needs to play-test a running Pixi'VN game end-to-end in a real browser — starting the game, advancing/branching the story, answering…

DRincs-Productions/pixi-vn

Review code changes implemented in the current session before committing

alamenai/terrae

Accessibility patterns for WCAG 2.2 compliance, keyboard focus management, React Aria component patterns, cognitive inclusion, native HTML-first philosophy, and user preference honoring.

yonatangross/orchestkit

开发流程检查技能，确保代码修改后执行必要的质量检查

shenjingnan/xiaozhi-client

Clone any website's landing page with pixel-perfect fidelity.

SylphAI-Inc/skills

React、Next.js、状态管理、性能优化和UI最佳实践的前端开发模式。

affaan-m/ECC

Add voice & video calling to any web app FROM SCRATCH with the headless CometChat Calls SDK v5 (@cometchat/calls-sdk-javascript@5) — no prebuilt UI Kit.

cometchat/cometchat-skills

Measure 5chan loading, navigation, interaction timing, and committed React updates using repeatable scenarios.

bitsocialnet/5chan

This skill should be used when the user asks for a "simulated beta read", "reader panel", "persona read", "first read before my beta readers", "how would a genre reader react", "would a reader keep…

danjdewhurst/story-skills

Install and set up @data-client/react or @data-client/vue in a project.

reactive/data-client

React Native / Expo SDK for Fishjam — video/audio streaming on iOS and Android.

software-mansion-labs/skills

Role-specialized LLM panel analyzes a task from asymmetric expert lenses (architect, security, maintainability, test-strategist by default).

raine/consult-llm

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

A skill your agent uses when designing or reviewing the request layer of a frontend project (web / uni-app / mini-program), including request.ts wrappers, interceptors, deduplication, mocks, error…

jiushiwon/wg-skills

AI agent and LLM system engineering reference covering single-agent dev (ReAct, tool calling, plan-execute), multi-agent coordination (swarm, role decomposition, file locking), LLM security (prompt…

telagod/code-abyss

Recommend technology stacks based on project requirements, team expertise, and constraints.

alirezarezvani/claude-cto-team

A skill your agent uses when operating in a codebase that employs an existing design system (shadcn/ui, Material UI, Ant Design, Chakra, etc.), when you need to identify which system a project uses…

NoobyGains/godmode

AI-powered E2E web testing — eyes and hands for AI coding tools.

sickn33/agentic-awesome-skills

Build end-to-end type-safe APIs with tRPC — routers, procedures, middleware, subscriptions, and Next.js/React integration patterns.

sickn33/agentic-awesome-skills

Done-for-you .faf generator. An agent skill from sickn33/agentic-awesome-skills.

sickn33/agentic-awesome-skills

Expert in the Vercel AI SDK. An agent skill from sickn33/agentic-awesome-skills.

sickn33/agentic-awesome-skills

Next.js App Router architecture: React Server Components (RSC), Server Actions, nested layouts, route handlers, and streaming.

irahardianto/awesome-agv

This skill should be used when the user asks about libraries, frameworks, API references, or needs code examples.

rtadewald/skills

Phase 4 of building an Inkline component — write colocated cross-target tests.

inkline/inkline

Generate specialized skills for each subsystem in the monorepo.

llama-farm/llamafarm

Guides performance investigation, benchmarking, and optimization of the Grida Canvas web editor (TypeScript reducer, Immer, React hooks).

gridaco/grida

Develop and debug Maple Agent Mode across its React UI, Tauri command and event bridge, account-scoped native runtime, embedded Goose integration, OpenSecret provider, developer tools, permissions…

MaplePrivacyLabs/Maple

When you want to draft, update, convert, or export a slide deck for a React/Next.js slide system (${SLIDEDECKREPO:-$HOME/code/your-slide-deck-site}/src/app/slides/).

coreyhaines31/makerskills

A skill your agent uses when adding @axhub/annotation to standalone React apps, plain HTML pages, Vite prototypes, or other web hosts that need annotation markers, directories, Markdown notes, or…

lintendo/Axhub-Skills

Frontend design entry point: direction, design system, visual philosophy.

sickn33/agentic-awesome-skills

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

Light0305/Light-skills