form-patterns
1801Skill 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.
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.
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.
Plugin Claude Code
Bundles 6 skills, 6 commands, 1 agent · 564 tokens together
House coding conventions as self-contained agent-skills- skills, commands, and a reviewer agent for TypeScript/React/Next.js — adapt to each repo's layout and toolchain.
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…
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.
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…
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…
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.
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.
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…
Skill Claude CodeCodex
Generates a standard Domain-Driven Design (DDD) feature-first directory structure inside the lib folder.
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.
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.
Skill Claude CodeCodex
Convert website screenshots into WordPress Gutenberg blocks using the G10n system with visual fidelity priority.
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…
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.
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…
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.
leonvanzyl/claude-code-plugins-tutorial
Plugin Claude Code
Bundles 2 commands, 1 agent, 1 MCP server · 24 tokens together
Commands, Agents, Hooks and Tools for building Websites.
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.
vaquarkhan/Fullstack-development-agent-skills
Plugin Claude Code
Bundles 129 skills, 10 commands · 5,059 tokens together
Fullstack UI, backend, microservice, and cloud delivery skills for Claude Code.
Plugin Claude Code
Bundles 1 skill · 46 tokens together
Review React code for unnecessary useEffect patterns based on official React documentation.
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 +…
andronics/claude-plugin-css-pro
Plugin Claude Code
Bundles 8 skills, 10 commands, 7 agents · 772 tokens together
Comprehensive CSS development toolkit with specialist agents, interactive skills, and powerful commands for modern CSS development.
Plugin Claude Code
Bundles 4 skills · 180 tokens together
Templ component patterns: syntax, components, HTMX integration, net/http wiring.
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: