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.

use-effect-killer

1105

victor36max/use-effect-killer

Skill Claude Code

Scan React codebase for useEffect anti-patterns (derived state, event logic in effects, effect chains, prop-driven resets, missing cleanup, parent notifications, etc.) and propose idiomatic fixes. Based on React's "You Might Not Need an Effect" guide. Use when asked to audit, review, or clean up useEffect usage.

not rated 10 7mo ago A 74 tokens original MIT

design-review

1106

vltansky/skills

Skill Claude CodeCodex

Designer's eye visual audit of a live site — finds typography issues, spacing violations, AI slop patterns, hierarchy problems, interaction state gaps — then fixes them with atomic commits and before/after screenshots. Use when asked to 'audit the design', 'visual QA', 'design polish', 'does this look good', 'check…

not rated 10 5mo ago A 98 tokens

webgl-expert

1107

12-Studio/Tackl

Skill Claude CodeCodex

Expert guide for WebGL API development including 3D graphics, shaders (GLSL), rendering pipeline, textures, buffers, performance optimization, and canvas rendering. Use when working with WebGL, 3D graphics, canvas rendering, shaders, GPU programming, or when user mentions WebGL, OpenGL ES, GLSL, vertex shaders…

not rated 10 25d ago A SkillSpector: pass 87 tokens original MIT

vue

1108

ls1072502993/codex-skills

Skill Codex

A Vue 3 and TypeScript development skill for working on pages, components, routes, state, events, and styles. Vue is a framework for building web interfaces, and TypeScript adds type checking to JavaScript.

not rated 10 changed 16d ago A 174 tokens

next-devtools

1109

kyh/ai-datagrid

MCP server Claude CodeCodexCursor +2

Next.js development tools MCP server with stdio transport. Runs locally from the next-devtools-mcp npm package.

not rated 10 21d ago A tokens not measured

shadcn

1110

wch/create-shiny-react-app

MCP server Claude CodeCodexCursor +2

Add components to your apps. Runs locally from the shadcn npm package.

not rated 10 1y ago A tokens not measured copy · 100% MIT

paw-tp-final-migration

1112

keodubo/PAW-Wiki

Skill Codex

Use when planning, implementing, auditing, reviewing, or closing a PAW TP final migration to REST API plus SPA/frontend, especially when the user says TP final, final delivery, pass the app to final, replace MVC/JSP with API+SPA, add Jersey/JAX-RS resources, stateless auth, frontend build…

not rated 10 3mo ago A 104 tokens original MIT

creght

1113

creght-dev/skills

Skill Codex

Use when working with Creght sites or the Creght CLI, including pulling site code locally, pushing local changes, resolving sync conflicts, writing Creght-compatible React pages/components code, CMS, form, Auth, and Func backend integration, routing, styling, metadata, previewing, publishing, site templates…

not rated 10 changed 5d ago A 107 tokens original MIT

frontend

1114

fubits1/svelte-skills

Plugin Claude Code

Bundles 13 skills · 581 tokens together

Frontend development discipline — validation, pixel-perfect measurement, editing, comments, code style, testing, migration baselines.

not rated 10 changed 11d ago A tokens not measured original MIT

xterm-js

1115

GGPrompts/my-gg-plugins

Skill Claude CodeCodex

This skill should be used when working with xterm.js terminal implementations, React-based terminal applications, WebSocket terminal communication, or refactoring terminal-related code. It provides battle-tested patterns, common pitfalls, and debugging strategies learned from building production terminal applications.

not rated 10 10mo ago A 54 tokens

praneet-front

1116

agent-dev-thai/praneet-front

Plugin Claude Code

Bundles 1 skill · 143 tokens together

Thai-language frontend design: correct Thai typography, curated Thai+Latin font pairings, and hard rules against the CSS that silently breaks Thai script.

not rated 10 4mo ago A tokens not measured original MIT

electron-development

1119

AI-Safeter/antigravity-cli-plugin

Skill Claude CodeCodex needs its repo

Master Electron desktop app development with secure IPC, contextIsolation, preload scripts, multi-process architecture, electron-builder packaging, code signing, and auto-update.

not rated 10 5mo ago A 33 tokens original MIT

mcp-server-nativewind

1120

tokenizin-agency/mcp-nativewind

MCP server Claude CodeCodexCursor +2

MCP server for transforming Tailwind components to NativeWind 4. Runs locally from the @tokenizin-com/mcp-server-nativewind npm package.

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

replica

1121

Surya17155/Replica

Skill Claude CodeCodex

Use when the user uploads a screenshot of a hero section or landing page (or a URL/description of one) and wants a copy-paste-ready developer prompt to recreate it exactly in a tool like Lovable, Bolt, Replit, or Cursor. Produces prompts with exact hex colors, Tailwind classes, animation timing tuples, and component…

not rated 10 4mo ago A 78 tokens original MIT

a11y-audit

1122

GrimLink/dotfiles

Skill Claude CodeCodex

Run a WCAG accessibility audit on a web page. Checks heading hierarchy, landmark regions, colour contrast, ARIA attributes, keyboard navigation, target size and the WCAG 2.2 additions. Use when the user wants to check, test, or audit accessibility (a11y) on a URL or the current page.

not rated 10 changed 18d ago A 72 tokens

uimax-mcp

1123

prembobby39-gif/uimax-mcp

MCP server Claude CodeCodexCursor +2

Frontend expert for Claude Code. Screenshots, Lighthouse, axe-core, code analysis, auto-fix. Runs locally from the uimax-mcp npm package.

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

dashboard

1124

FindMalek/dukkani

Cursor rule Cursor

The dashboard app is a Next.js application for managing stores, products, orders, and customers. It's the main admin interface for the Dukkani platform.

not rated 10 6d ago A 4,631 tokens

fable-design-system

1125

ajantoniou/fable-design-system

Skill Claude CodeCodex

Award-winning SaaS UI/UX design persona reconstructed from the claude-fable-5 model. Use whenever building, restyling, or extending any website, landing page, SaaS surface, component, or design system — even if the user doesn't say "design." Covers typography in two registers (serif-editorial: Instrument Serif + Inter…

not rated 10 4mo ago A 0 tokens

sigil-design-system

1126

Kevin-Liu-01/Sigil-UI

Cursor rule Cursor needs its repo

Every custom preset MUST populate ALL 33 token categories and ALL 519 fields.

not rated 10 15d ago A 5,196 tokens original MIT

component-refactoring

1127

honggzb/Study-General

Skill Claude CodeCodex

Refactor high-complexity React components in Dify frontend. Use when pnpm analyze-component --json shows complexity > 50 or lineCount > 300, when the user asks for code splitting, hook extraction, or complexity reduction, or when pnpm analyze-component warns to refactor before testing; avoid for simple/well-structured…

not rated 10 9d ago A 93 tokens

vue-best-practices

1128

FrontToEnd/agent-skills

Skill Claude CodeCodex

Vue 3 and Nuxt performance optimization guidelines. This skill should be used when writing, reviewing, or refactoring Vue 3/Nuxt code to ensure optimal performance patterns. Triggers on tasks involving Vue components, Nuxt pages, data fetching, bundle optimization, or performance improvements.

not rated 10 +1 9mo ago A 64 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: