Frontend

19,552 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.

chrome-developer

889

jshearin01/agent-skills

Skill Claude CodeCodex

Expert Chrome developer skill covering advanced browser APIs and capabilities. Use this skill whenever working on Chrome extensions (Manifest V3), WebAssembly (Wasm 3.0), WebGPU (graphics and compute), WebNN (neural network inference), Chrome Built-in AI (Gemini Nano Prompt API, Summarizer, Translator), local ML model…

not rated 16 3mo ago A 294 tokens

kv0906/cc-skills

Skill Claude CodeCodex

Create award-winning, cinematic frontend interfaces that feel ALIVE. Combines 10+ years of creative frontend experience with technical excellence. Specializes in WebGL, custom shaders, premium animations, and distinctive aesthetics that would win on Awwwards. Use when building landing pages, dashboards, platforms, or…

not rated 16 1mo ago A 77 tokens

Xialiang98/design-visual-frontend

Skill Claude CodeCodex

Design, build, redesign, or critically review distinctive frontend interfaces with strong composition, domain authenticity, responsive behavior, component coherence, and browser-verified visual quality. Use for websites, landing pages, login and form flows, dashboards, admin tools, product pages, portfolios, visual UI…

not rated 16 2mo ago A 80 tokens original MIT

a

893

KALUSO-nolodjska/ai-team-mcp

Cursor rule Cursor

A set of instructions for an AI agent acting as a front-end developer, meaning someone who builds the parts of an application users see and interact with.

not rated 16 +1 9mo ago A 0 tokens original MIT

cursorrules

894

Zandereins/schliff

Cursor rule Cursor

You are a senior TypeScript developer working on a Next.js 16 application.

not rated 16 +1 today A 167 tokens original MIT

reflex

896

reflex-dev/agent-skills

Plugin Claude Code

Bundles 3 skills · 224 tokens together

Skills for the Reflex web framework — docs, environment setup, and process management.

not rated 16 3mo ago A tokens not measured

custom-component

897

shapediver/AppBuilderSdk

Cursor rule Cursor

Guide for creating React components using the useProps pattern with Mantine for centralized theme-based styling. Apply when creating or modifying components that need theme integration.

not rated 16 +1 today A 0 tokens original MIT

nextjs

898

Boopi7/basilic-evm

Cursor rule Cursor

Next.js development standards and patterns.

not rated 15 10mo ago A 807 tokens WTFPL

pretext

899

yaniv-golan/pretext-skill

Plugin Claude Code

Bundles 1 skill · 182 tokens together

AI skill for @chenglou/pretext — a small, tree-shakable TypeScript text measurement library that computes exact text metrics without DOM reflows.

not rated 15 1mo ago A tokens not measured original MIT

cursorrules

900

awbx/fhir-dsl

Cursor rule Cursor

Use the latest version of Shadcn to install new components, like this command to add a button component.

not rated 15 4mo ago A 45 tokens copy · 100% MIT

webdev-mcp

901

fefergrgrgrg/smileyCoinDev

MCP server Claude CodeCodexCursor +2

An MCP server that provides useful web development tools via MCP server. Runs locally from the webdev-mcp npm package.

not rated 15 1y ago A tokens not measured original MIT

formily

902

whinc/my-claude-plugins

Plugin Claude Code

Bundles 4 skills · 246 tokens together

Comprehensive guide for using Formily as a React form solution with TypeScript and Ant Design.

not rated 15 7mo ago A tokens not measured

ts-dev-kit

903

jgamaraalv/ts-dev-kit

Plugin Claude Code

Bundles 22 skills, 15 agents · 2,980 tokens together

15 specialized agents and 22 skills for TypeScript fullstack development with Fastify, Next.js, PostgreSQL, Redis, and more.

not rated 15 6mo ago A tokens not measured original MIT

animate-css

904

msrbuilds/animate-css-skill

Skill Claude CodeCodex

Add CSS animations to HTML elements, React/JSX components, or WordPress PHP templates using Animate.css (v4.1.1). Use this skill whenever the user wants to animate UI elements, add entrance/exit effects, attention-seeker animations, or any CSS-based motion to their markup. Trigger on phrases like "add animation"…

not rated 15 +1 5mo ago A 141 tokens

awwwards-animations

905

DevMartinese/awwwards-animations-skill

Skill Claude CodeCodex

Professional React animation skill for creating Awwwards/FWA-level animations using GSAP (useGSAP), Motion (Framer Motion), Anime.js, and Lenis. Use when building premium scroll experiences, custom cursors, page transitions, text animations, parallax effects, micro-interactions, or any animation that needs to be 60fps…

not rated 15 7mo ago A 209 tokens

ui-ux-pro-max

906

dekitproject/ux-ui-promax-skill

Plugin Claude Code

Bundles 7 skills · 717 tokens together

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing…

not rated 15 +1 2mo ago A tokens not measured copy · 100% MIT

accessibility

907

oakoss/agent-skills

Skill Claude Code

Build WCAG 2.2 AA compliant interfaces with semantic HTML, ARIA, keyboard navigation, focus management, color contrast, and screen reader support. Covers forms, dialogs, tabs, live regions, skip links, alt text, and data tables. Use when implementing accessible UIs, auditing WCAG compliance, fixing screen reader…

not rated 15 +1 26d ago A 103 tokens

ui-components

908

omergulcicek/omergulcicek.com

Cursor rule Cursor

USE WHEN: Building UI components, structuring layouts, and applying styles using Tailwind CSS.

not rated 15 16d ago A 0 tokens original MIT

ui

909

theimaginaryfoundation/what-iff

Cursor rule Cursor needs its repo

The Personal Assistant UI is built with Angular and follows modern best practices for scalable frontend applications. It interfaces with the Personal Assistant API to provide a user-friendly interface for content creation and management.

not rated 15 today A 0 tokens original Apache-2.0

query-rule

910

Rengod95/expo_template

Cursor rule Cursor

A rule for API requests and React Query hooks, which are React helpers for fetching and caching server data. It covers file structure, query-key factories, types, and fetcher functions.

not rated 14 1y ago A 0 tokens

angular-experts-io/ax-skills

Skill Claude CodeCodex

Use when designing, reviewing, refactoring, or enforcing Angular application architecture with isolated lazy features, eager core/layout, reusable ui/pattern architecture building blocks, one-way dependency graphs, eslint-plugin-boundaries rules, or folder placement decisions. This skill takes precedence over…

not rated 14 3mo ago A 70 tokens

asap-protocol/asap-protocol

Cursor rule Cursor

Standards for modern Frontend development using Next.js 16 (App Router), React 19, Tailwind CSS v4, and Shadcn/UI. Apply when working on apps/web or packages/ui.

not rated 14 today A 0 tokens original Apache-2.0

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: