Frontend

20,504 mods in this category, of every kind an agent can take. Each one carries what it costs per session, what the scan found, and whether it is the original.

vercel-labs/agent-skills

Skill Claude CodeCodex ✓ vendor

Guide for implementing smooth, native-feeling animations using React's View Transition API ( component, addTransitionType, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components…

not rated 34k +333 changed 9d ago A SkillSpector: pass 127 tokens

redux-to-swr

26

cockroachdb/cockroach

Skill Claude Code ✓ vendor

Migrate React components from Redux + Saga to SWR hooks. Use when converting data fetching from Redux store (reducers, sagas, selectors, connect HOC) to SWR-based hooks in CockroachDB DB Console or cluster-ui.

not rated 33k +10 2d ago A SkillSpector: pass 53 tokens

SigNoz/signoz

Skill Claude Code

Migrate Redux or React Context to the correct state option (React Query for server state, nuqs for URL/shareable state, Zustand for global client state). Use when refactoring away from Redux/Context, moving state to the right store, or when the user asks to migrate state management.

not rated 33k +48 changed yesterday A SkillSpector: warn 64 tokens

heroui-native

28

heroui-inc/heroui

Skill Claude CodeCodex

HeroUI Native component library for React Native (Tailwind v4 via Uniwind). Use when building mobile UIs with HeroUI Native — creating Buttons, Cards, TextFields, Dialogs; installing heroui-native; configuring dark/light themes; or fetching component docs. Keywords: HeroUI Native, heroui-native, React Native UI…

not rated 31k +51 2d ago C Socket: passSnyk: warnSkillSpector: warn 80 tokens original Apache-2.0

huashu-design

29

alchaincyf/huashu-design

Skill Claude CodeCodex

A design workflow for making high-fidelity HTML prototypes, slide decks, animations, visualizations, and design reviews. It requires three initial design directions before developing the selected one.

not rated 29k +571 changed yesterday A 123 tokens original MIT

table-features

30

TanStack/table

Skill Claude CodeCodex

Add or debug Table v9 features: registration, row-model slots, prerequisites, sorting, filtering, pagination, selection, spanning, and column layout. Read only task-relevant feature references.

not rated 29k +13 changed 25d ago A Snyk: passSkillSpector: pass 42 tokens original MIT

jetbrains-ui

31

Kilo-Org/kilocode

Skill Claude CodeCodex

Use when writing or reviewing UI code in packages/kilo-jetbrains/ — Swing layout, platform components, UiStyle tokens, theme colors/fonts/borders, Stack/Align layouts, tool windows/dialogs/popups/notifications, settings pages, and the pre-return UI checklist.

not rated 28k +68 yesterday A 60 tokens original MIT

nocobase/nocobase

Skill Claude CodeCodex

Primary entry for building complete NocoBase 3 applications and individual features: business and administration pages, routes, components, endpoints, data, permissions, services, translations, and tests. Use this application-local workflow instead of globally installed NocoBase 2 Skills. For local or published…

not rated 25k +50 changed yesterday A 78 tokens

ui-skills-review

33

different-ai/openwork

Skill Claude Code

Flag UI code in a diff that breaks the pinned UI Skills rule sets (baseline UI, accessibility, motion performance, Web Interface Guidelines). Used by the post-merge sweep; never gates clearance.

not rated 24k +83 today A 44 tokens

qa

34

Skyvern-AI/skyvern

Skill Claude CodeCodex

QA test your code changes by reading your git diff, choosing the right validation path for frontend/browser and backend changes, and reporting pass/fail with evidence.

not rated 23k +26 changed 1mo ago A SkillSpector: warn 33 tokens AGPL-3.0

magic-ui

35

magicuidesign/magicui

Skill Claude CodeCodex

Use this skill when users want to add, customize, or troubleshoot Magic UI components in React/Next.js projects. It covers component selection, shadcn registry installation (@magicui/), integration patterns, and practical quality checks for accessibility and maintainability.

not rated 23k +123 changed 3d ago A Socket: passSnyk: passSkillSpector: warn 56 tokens original MIT

react-email

36

resend/react-email

Skill Claude CodeCodex

Use when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering emails to HTML, or sending emails with Resend. Covers welcome emails, password resets, notifications, order confirmations, newsletters, transactional emails, and…

not rated 20k +17 yesterday A Socket: passSnyk: passSkillSpector: warn 66 tokens original MIT

core

37

vercel-labs/json-render

Skill Claude CodeCodex ✓ vendor

Core package for defining schemas, catalogs, and AI prompt generation for json-render. Use when working with @json-render/core, defining schemas, creating catalogs, or building JSON specs for UI/video generation.

not rated 19k +73 changed 13d ago A Socket: passSnyk: passSkillSpector: pass 42 tokens original Apache-2.0

gpui-component

38

longbridge/gpui-component

Skill Claude CodeCodex

How to use the gpui-component UI library in GPUI applications, and the normative Design and Coding Guides that govern it. Use when building UIs with gpui-component components (Button, Input, Select, Dialog, Tabs, Sidebar, List, Table, etc.), setting up the library, handling component state or theming, finding the…

not rated 19k 5d ago A SkillSpector: pass 112 tokens

gsap-skills

39

greensock/gsap-skills

Plugin Claude Code

Bundles 8 skills · 622 tokens together

Official GSAP skills for Claude, Cursor, and other AI agents — animations, timelines, ScrollTrigger, plugins, utilities, React, and performance.

not rated 18k +351 3mo ago A tokens not measured original MIT

ag-ui-protocol/ag-ui

Skill Claude CodeCodex

Use when adding A2UI rendering to any AG-UI-supported framework or custom AG-UI application, scaffolding an AG-UI app that should render A2UI, adapting an AG-UI integration to emit A2UI surfaces, or wiring the AG-UI A2UI middleware/toolkit with a compatible renderer.

not rated 17k +99 today A SkillSpector: pass 73 tokens original MIT

qiankun

42

umijs/qiankun

Skill Claude CodeCodex

Usage manual for building micro-frontend projects with qiankun 3.x. Use when the user wants to create a qiankun main (host) app or sub (micro) app, convert an existing Vite app into a qiankun micro app, or wire up micro-frontend loading with React/Vue.

not rated 17k +5 changed 13d ago A SkillSpector: pass 69 tokens original MIT

components

43

udecode/plate

Cursor rule Cursor

React component architecture for creating composable, accessible components with data attributes. Use when creating/updating composable components, not for higher-level feature/page components.

not rated 17k +9 yesterday A 31 tokens

cli-ux

44

vercel/vercel

Skill Claude CodeCodex ✓ vendor

Vercel CLI design system, the north-star standard for command names, options, help, prompts, output, copy, errors, JSON, exit codes, and agent/CI behavior in packages/cli. Use when designing, implementing, or reviewing any user-facing CLI surface. Skip implementation-only refactors that leave the CLI surface unchanged.

not rated 17k +53 changed 9d ago A SkillSpector: warn 72 tokens original Apache-2.0

scalar/scalar

Skill Claude CodeCodex

Scalar's design system — design tokens, theming (@scalar/themes), CSS variables, and the @scalar/components library. Use when designing or implementing Scalar UI, especially with Paper (code-to-design / design-to-code), so output matches real Scalar tokens, colors, typography, spacing, and components instead of…

not rated 16k +28 changed 1mo ago A SkillSpector: pass 68 tokens original MIT

tamagui-upgrade-v3

47

tamagui/tamagui

Skill Claude CodeCodex

Migrate an app from Tamagui v2 (or v1) to v3. Use when upgrading Tamagui versions, removing $ token prefixes, converting hoverStyle/pressStyle/media/theme/platform condition objects to flat values, running the flat-values codemod, or fixing v3 breaking changes. Triggers: "upgrade tamagui", "migrate to v3", "flat…

not rated 14k +6 today A 120 tokens original MIT

web-design-engineer

48

ConardLi/garden-skills

Skill Codex

Build or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations. Use for visual front-end creation, design-system exploration, design critique, or explicit browser acceptance / QA of a web artifact.…

not rated 14k +723 12d ago A Socket: passSnyk: passSkillSpector: warn 96 tokens original MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: