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.

yend724/agent-skills

Skill Claude CodeCodex

React component design conventions focusing on Server/Client component boundaries, composition patterns, and data flow. Auto-triggers when writing or modifying React components to ensure correct RSC patterns and optimal component architecture.

not rated 2 5mo ago A 44 tokens

lenis-react

1826

KailasMahavarkar/agentic-skills

Skill Claude Code

Integrate Lenis smooth scroll into React and Next.js projects. Use when the user wants smooth scrolling, scroll-linked animations, parallax effects, GSAP ScrollTrigger sync, Framer Motion sync, programmatic scroll-to navigation, or scroll event listening in a React app. Covers ReactLenis provider setup, useLenis hook…

not rated 2 6mo ago A 84 tokens

go-webcomponents

1827

giantmonkey/agent-skills

Skill Claude CodeCodex

Gomus museum-ticketing web components — integration reference for embedding go- custom elements in any HTML page. Public tags: go-add-to-cart-button, go-all-fields, go-annual-ticket-personalization, go-annual-ticket-personalization-form, go-calendar, go-cart, go-cart-counter, go-cart-coupons…

not rated 2 changed yesterday A 396 tokens

arraydude/agent-skills

Skill Claude CodeCodex

React Query v4 (TanStack Query) best practices, patterns, and troubleshooting. Use when working with useQuery, useMutation, query invalidation, caching, WebSocket integration, or any async state management in React. Based on TkDodo's comprehensive blog series.

not rated 2 3mo ago A 62 tokens original MIT

extract-components

1829

catalinnita/coding-agents-skills

Skill Claude CodeCodex

Scans React TSX/JSX files (or raw HTML) for structurally repetitive JSX subtrees, proposes reusable component extractions with inferred prop signatures, writes new component files, and rewrites the original files to use them. Use when asked to extract repeated JSX into components, reduce duplication in React files…

not rated 2 5mo ago A 82 tokens

feature-scaffolder

1830

WAJDA9/flutter-agent-skills

Skill Claude CodeCodex

Generates a standard Domain-Driven Design (DDD) feature-first directory structure inside the lib folder.

not rated 2 3d ago A 27 tokens original MIT

geolonia

1831

geolonia/geolonia-agent-skills

Plugin Claude Code

Bundles 2 skills · 270 tokens together

A plugin for building applications with Geolonia Maps, a mapping service for displaying maps and location data. The provided description does not specify its individual capabilities.

not rated 2 16d ago A tokens not measured original MIT

frontend-agent-skills

1832

jcarroll2007/Frontend-Agent-Skills

Skill Claude CodeCodex

How to architect frontend features in React + TypeScript apps. Use when planning or building a new frontend feature — deciding structure, component breakdown, data fetching, state, and file placement.

not rated 2 4mo ago A 42 tokens

rn-architecture

1833

cmaranho/rn-agent-skills

Skill Claude CodeCodex

Estrutura a arquitetura de um app React Native seguindo Clean Architecture — camadas, fluxo de dados unidirecional, módulos coesos e limites claros. Use ao criar módulos/features, definir estrutura de pastas ou organizar o fluxo dados→UI.

not rated 2 4mo ago A 55 tokens original MIT

p5js

1834

Heldinhow/hermes-agent-skills

Skill Claude CodeCodex

Production pipeline for interactive and generative visual art using p5.js. Creates browser-based sketches, generative art, data visualizations, interactive experiences, 3D scenes, audio-reactive visuals, and motion graphics — exported as HTML, PNG, GIF, MP4, or SVG. Covers: 2D/3D rendering, noise and particle systems…

not rated 2 6mo ago A 152 tokens

frontend-debug

1835

DBvc/agent-skill-control-theory

Skill Claude CodeCodex

Use when diagnosing an actively broken frontend behavior, regression, rendering bug, flaky UI interaction, or state/timing problem. Not for reviewing a completed diff, designing new UI, writing commit messages, or subjective visual taste critique without broken behavior.

not rated 2 5mo ago A 51 tokens original MIT

frontend-developer

1836

eBay/claudePlugins

Plugin Claude Code

Bundles 1 command · 0 tokens together

Specialized agent for generating modern frontend components and scaffolding projects (React, Vue, etc.).

not rated 2 9mo ago A tokens not measured original Apache-2.0

olakunlevpn/olakunlevpn-react-skills

Skill Claude CodeCodex

Use when writing, reviewing, or refactoring React or Next.js code — components, hooks, state management, testing, performance, TypeScript patterns, server components, or project structure. Always apply these standards to all React work.

not rated 2 7mo ago A 54 tokens original MIT

design-engineer

1840

clafollett/lafollettlabs-claude-plugins

Agent Claude Code needs its repo

Implements a single UX design variation in an isolated git worktree. Used by the ux-designer skill during Phase 3 Build. Reads master brief + variation brief from absolute paths in the main repo, builds milestone-by-milestone, captures screenshots via raw Node Playwright (NOT the MCP), and reports back with branch +…

not rated 2 3mo ago A 74 tokens original MIT

xe-templ

1841

Xe/agent-plugins

Plugin Claude Code

Bundles 4 skills · 180 tokens together

Templ component patterns: syntax, components, HTMX integration, net/http wiring.

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

image-to-code

1842

ashu2012/claude-skill-connectors-plugins

Skill Claude CodeCodex

Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards…

not rated 2 3mo ago A 116 tokens

pencil

1843

Gyejoon/pencil-plugin

Plugin Claude Code

Bundles 2 skills, 5 commands, 2 agents · 263 tokens together

A design-to-development integration tool based on Pencil, a design workflow platform. It supports design workflow automation, design-system management, design review, and converting designs into React and Tailwind code.

not rated 2 9mo ago A tokens not measured

figma-to-code

1844

bazingga08/figma-to-code

Plugin Claude Code

Bundles 1 skill, 1 command · 155 tokens together

Convert Figma designs to pixel-perfect production code via REST API pre-extraction. Supports React, React Native, and Flutter — handles designs of any size.

not rated 2 7mo ago A tokens not measured

mcp-app-builder

1846

hollaugo/prompt-circle-marketplace

Skill Codex

Build new MCP Apps (MCP servers with React UI output) using @modelcontextprotocol/ext-apps and the MCP SDK. Use when asked to scaffold or implement MCP App servers, add UI-rendering tools/resources, or migrate a standard MCP server to an MCP App with Vite single-file UI bundles.

not rated 2 9mo ago A 67 tokens

muhkoo-app-builder

1848

muhkoo/builder

Plugin Claude Code

Bundles 1 skill · 0 tokens together

Describe an app idea in plain language and build it end-to-end on Muhkoo: provision the backend (app key, database tables, channels, agents, serverless functions), scaffold a Vite + React client against @muhkoo/connect, verify it with a live Cypress suite, give it a responsive distinctive design, and host it at .

not rated 2 changed 23d ago A tokens not measured 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: