Frontend

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

form-patterns

1801

retrip-ai/agent-skills

Skill Claude Code

React Hook Form patterns with Zod validation. Use when implementing forms, validation schemas, form state management, edit forms with unsaved changes, or array fields.

not rated 2 8mo ago A 36 tokens

landify

1803

huanyu16/agent-skills

Skill Claude CodeCodex

Generate a complete, single-file HTML landing page for any product, service, or physical store. Input: a URL / text description + optional module selection. Output: a white, clean, responsive landing page saved as .html on the user's desktop. Automatically detects industry type (SaaS/tech, food-beverage/store…

not rated 2 5mo ago A 153 tokens

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 3mo ago A 44 tokens

lenis-react

1805

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 4mo ago A 84 tokens

go-webcomponents

1806

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 2d ago A 380 tokens

delacournz/agent-skills

Skill Claude Code

Scaffold a shared UI component package inside an existing Bun/Turborepo monorepo. Base UI primitives, CVA variants, Tailwind v4 theming, Central Icons, auto-export script. Run /dlc-scaffold-monorepo first.

not rated 2 1mo ago A 59 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 1mo ago A 62 tokens original MIT

extract-components

1809

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 3mo ago A 82 tokens

feature-scaffolder

1810

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 5mo ago A 27 tokens original MIT

geolonia

1811

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 26d ago A tokens not measured original MIT

frontend-agent-skills

1812

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 2mo ago A 42 tokens

wp-image-to-blocks

1813

hectorjarquin/wp-agent-skills

Skill Claude CodeCodex

Convert website screenshots into WordPress Gutenberg blocks using the G10n system with visual fidelity priority.

not rated 2 2mo ago A 25 tokens

headwirecom/aem-agent-skills

Skill Claude CodeCodex

Build, extend, and configure AEM components end-to-end. Covers component node structure (cq:Component), Touch UI dialogs (cq:dialog with Granite UI), Sling Models, client libraries, edit configuration (cq:editConfig), and content templates. Use when creating new AEM components, adding or modifying component dialogs…

not rated 2 5mo ago A 119 tokens

rn-architecture

1815

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 2mo ago A 55 tokens original MIT

p5js

1816

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 4mo ago A 152 tokens

frontend-debug

1817

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 3mo ago A 51 tokens original MIT

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 5mo ago A 54 tokens original MIT

design-engineer

1822

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 1mo ago A 74 tokens original MIT

xe-templ

1824

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 2mo 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: