Frontend

20,540 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.

dbjpanda/dashboard-starter

Plugin Claude Code

Bundles 1 skill · 74 tokens together

Build type-safe global state in React with Zustand. Supports TypeScript, persist middleware, devtools, slices pattern, and Next.js SSR with hydration handling. Use when setting up React state, migrating from Redux/Context, or troubleshooting hydration errors, TypeScript inference, or infinite render loops.

not rated 5 9mo ago A tokens not measured

modern-react-nextjs

1418

Code-Shock/cursor-rules-npm

Cursor rule Cursor

Best practices for modern React and Next.js development with TypeScript, Tailwind CSS, and accessibility.

not rated 5 1y ago A 2,124 tokens

nextjs

1419

devridge0/basilic-evm

Cursor rule Cursor

Cursor rule "nextjs" from devridge0/basilic-evm, covering next.js rules, core principles, key conventions, component architecture and data fetching.

not rated 5 1y ago A 807 tokens WTFPL

chohra-med/claude_design_skill

Skill Claude CodeCodex

Take a UI from a one-line idea to on-brand, shippable design with Claude, in the correct order — brand foundation first, then components, screens, interactions, accessibility, and only then generation via /design. Use whenever someone wants to design, redesign, or generate a screen, page, component, or onboarding flow…

not rated 5 4mo ago A 135 tokens original MIT

usage-guidelines

1421

ymm-oss/try-and-learn-figma-mcp-server-book

Cursor rule Cursor

Welcome to the Simple Design System repository! This is a comprehensive React-based design system with Figma integration using Code Connect. This guide will help you understand how to work with the codebase effectively.

not rated 5 8mo ago A 3,760 tokens

alova-client-usage

1422

alovajs/skills

Skill Claude CodeCodex

Usage for alova v3 in browser/client-side/SSR applications (React, Nextjs, Vue3, Vue2, Nuxt, React-Native, Expo, Uniapp, Taro, Svelte, Svelitekit, Solid). Use this skill whenever the user asks about request an api, fetch data, alova client-side usage including setup, refetch data cross component, or any alova/client…

not rated 5 3mo ago A 135 tokens original MIT

drupal-bridge

1423

e0ipso/drupal-bridge-mcp

MCP server Claude CodeCodexCursor +2

MCP server "drupal-bridge", hosted remotely at localhost, as configured in e0ipso/drupal-bridge-mcp.

not rated 5 12mo ago A tokens not measured original MIT

list-page-standard

1424

mengqc1995/vue-frontend-agent

Cursor rule Cursor

A set of standards for list pages, based on the structure and conventions of a Vue view named tapeLibrary/index.vue. Vue is a tool for building web interfaces.

not rated 5 7mo ago A 0 tokens

timepress-video

1425

chenxihuang1028-a11y/timepress-video

Skill Codex

A workflow for turning Chinese articles, scripts, product ideas, or process descriptions into short browser-based timeline videos. It supports motion explainers built with HTML, SVG, or GSAP, a JavaScript animation library.

not rated 5 3mo ago A 71 tokens

on-deck-society/love-stack

Skill Claude Code

Audit a web UI against WCAG 2.2 Level AA accessibility standards. Identify violations and recommend fixes before shipping.

not rated 5 6mo ago A 29 tokens original MIT

pptx-to-html

1427

cskwork/pptx-to-html-updated

Skill Claude CodeCodex

Convert a PowerPoint .pptx into a browser presentation using the bundled converter, preserving supported formatting and media while reporting conversion gaps. Use when the requested output is HTML, not when editing the source deck.

not rated 5 changed 2mo ago A 46 tokens

deslopify

1428

AntonioSpagnol/UI-Deslopify-Skill

Skill Claude Code

Audits and refactors vibe-coded UIs by replacing each slop element with modern 21st.dev components or equivalents with real visual character — never removes without replacing. Runs a mandatory grill-me style interview (one question at a time, with recommendations) before touching files, including brand identity and…

not rated 5 5mo ago A 120 tokens original MIT

Tangc/tangzhan-skills

Skill Claude CodeCodex

A webpage design tool that turns text into a standalone page with a chosen visual style. It includes more than 30 design styles and helps match text to a style.

not rated 5 4mo ago A 64 tokens

sentinel

1430

Nelsonochoam/nelsonochoam-claude-plugins

Plugin Claude Code

Bundles 1 skill · 0 tokens together

QA artifact generator — point it at a PR or give freeform instructions. Navigates the UI, captures screenshots, and stitches a GIF. Fully configurable auth and artifact storage via /.sentinel/config.json.

not rated 5 5mo ago A tokens not measured

metricui

1432

mpmcgowen/metricui

MCP server Claude CodeCodexCursor +2

React dashboard components — API lookup, code generation, and prop validation for AI tools. Runs locally from the @metricui/mcp-server npm package.

not rated 5 7mo ago A tokens not measured original MIT

ui-design-skills

1433

rshzrh/ui-design-skills

Plugin Claude Code

Bundles 3 skills · 296 tokens together

Slop-free UI generation skills for web (React + Tailwind + shadcn/ui), iOS (SwiftUI), and Android (Jetpack Compose + Material 3 Expressive).

not rated 5 7mo ago A tokens not measured original MIT

clerk

1434

wrsmith108/clerk-claude-skill

Skill Claude CodeCodex

Clerk authentication integration for Astro/Next.js. Use when implementing authentication, handling Clerk middleware, testing with Playwright, or debugging auth issues. Trigger phrases include "Clerk auth", "sign in", "authentication", "middleware", "E2E testing with Clerk".

not rated 5 10mo ago A 58 tokens original MIT

frontend-code-review

1435

DNM03/frontend-code-review

Skill Codex

Review React, Next.js App Router, TypeScript, Tailwind CSS, shadcn/ui, TanStack Query, and frontend UI code. Use when reviewing a PR, branch, diff, page, component, hook, Server Action, route handler, or API client; debugging frontend behavior; assessing production readiness; or checking runtime bugs, client/server…

not rated 5 5mo ago A 102 tokens original MIT

vibeset marketplace

1436

Mun1to/Vibeset

Plugin Claude Code

Agent skills from Vibeset: instructions you hand your coding agent once and it knows for good.

not rated 5 changed 3d ago A tokens not measured original MIT

visionaire-verify

1437

mi60dev/visionaire-engine

Skill Claude CodeCodex

Verify rendered CSS/layout truth after EVERY visual edit using the Visionaire MCP tools. Use this skill whenever you change CSS, HTML structure, layout, spacing, alignment, colors, responsive breakpoints, or any styling — even if the user did not explicitly ask you to "verify". Claude cannot see rendered pixels; this…

not rated 5 changed 1mo ago A 79 tokens original Apache-2.0

cursor

1438

flagskit/flagskit

Cursor rule Cursor

FlagsKit feature flags — API patterns and usage rules.

not rated 5 6mo ago A 0 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: