14,074 tagged Frontend, measured the same way as everything else here.
Browse within: skills 136agent 125agentic-ai 98javascript 95LLM 87nextjs 79agents 62design-system 62cli 55copilot 54agentic 49claude-code-plugin 44chatgpt 43open-source 43
Skill Claude CodeCodex
How to implement internationalization (i18n) in React applications using react-i18next and i18next. Use this skill whenever the user wants to add multi-language support to a React app, translate UI content, set up i18next configuration, use the useTranslation hook, withTranslation HOC, Trans component, handle…
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…
Skill Claude CodeCodex
Field bindings for mobx-formkit — default rewriter/template, custom bindings, $try utility, per-field mapping, and UI framework integration.
Skill Codex
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a…
Skill Claude CodeCodex
Build terminal user interfaces (TUI) with the Python Textual framework. Use when the user wants to create a terminal app, TUI, CLI dashboard, interactive terminal tool, or any rich terminal interface using Python. Triggers on mentions of Textual, TUI, terminal UI, terminal app, terminal dashboard, ncurses alternative…
Skill Claude CodeCodex
Generates ZK Framework ZUL pages (.zul) through a structured 5-step workflow: requirements clarification, ZUL generation, validation, controller generation, and a rendered-image self-review. Every step also stands alone, so use this skill for a single step too — validating an existing .zul, writing the…
Skill Claude CodeCodex
Implement custom window chrome for Tauri v2 desktop apps, including app-drawn titlebars and toolbars, borderless windows, cross-platform caption controls, drag regions, and platform-specific window-frame behavior. On macOS, preserve native red/yellow/green traffic lights and restore transparent rounded shells, native…
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.
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.
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.
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.
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.
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: