13,928 tagged Frontend, measured the same way as everything else here.
Browse within: skills 137agent 127agentic-ai 98javascript 95LLM 88nextjs 78agents 64design-system 62copilot 56cli 55agentic 52claude-code-plugin 45chatgpt 43open-source 42
Skill Claude CodeCodex
Current React 19.2 guidance for concurrent rendering, Server Components, Actions, effects, React Compiler, state, and memoization. Use for React components and hooks. Next.js-specific routing/caching belongs to the nextjs skill; React Hook Form integration belongs to react-hook-form.
barrosohub/frontend-stack-blueprint
Skill Codex
Apply or audit the Frontend Stack Blueprint in an existing or new frontend repository. Use when an agent must inspect a project, select capability-gated profiles, create a blueprint.config.json contract, plan safe changes, run conformance, or verify that implementation evidence matches the blueprint without…
Skill Claude CodeCodex
Install and configure Bridge UI React — Tailwind v4 theme CSS, BridgeUIProvider, component defaults, icon, i18n and date adapters, BridgeUIHosts, useBridgeUI. Use when scaffolding Bridge, wiring the provider, or fixing missing theme / hosts / adapters.
Skill Claude CodeCodex
Generate a React component following project conventions, co-located tests, and shadcn/ui patterns.
julianoczkowski/create-trimble-app
Skill Cursor
Build production-grade frontend interfaces using the Modus 2.0 Design System with Tailwind CSS. Use this skill when the user asks to build web components, pages, dashboards, or application screens. Enforces the 9-color semantic system, Modus Web Components, Modus Icons, and design system compliance. Framework-agnostic…
Skill Claude CodeCodex
Guides developers through integrating Reown AppKit into web applications (React, Next.js, Vue, Nuxt, Svelte, vanilla JavaScript). Use when adding wallet connection, network switching, multi-chain support, or troubleshooting AppKit integration issues.
syncfusion/react-ui-components-skills
Skill Claude CodeCodex
Comprehensive guide for implementing Syncfusion React input components including Uploader, NumericTextBox, TextBox, TextArea, CheckBox, OTP Input, Signature, RangeSlider, ColorPicker, MaskedTextBox, and Rating. Use this when building file upload UIs with async/chunk uploads, drag-and-drop functionality, numeric inputs…
Skill Claude CodeCodex
Build, edit, connect, and deploy premium websites with the Sophia Stack — an AI-native full-stack framework. Use when creating or editing a site as a compact Site Model (blocks + style preset + effects + backend connections) instead of hand-writing JSX/CSS. Optimized for minimal token cost, real-time edits, and safe…
alfianyusufabdullah/figma-proxy-mcp
Skill Claude CodeCodex
Slice a Figma frame into production-ready HTML/CSS with ≥90% visual fidelity via the figma-proxy-mcp tools.
Skill Claude CodeCodex
Add Uppy Dashboard + Transloadit uploads to a Next.js (App Router) app, with server-side signature generation and optional /s3/store export.
Skill Claude CodeCodex
Comprehensive UI/UX quality audit and prevention system that catches the failures AI consistently ships, including broken or shifting layouts, text overflow, inconsistent components, missing states, poor contrast, undersized touch targets, accessibility violations, performance jank, and generic "AI slop" aesthetics.…
lexs32/ultimate-design-engineer
Skill Claude CodeCodex
The master design engineering skill encoding Emil Kowalski's polish philosophy, Apple's fluid interface principles, Anime.js 3D/timeline motion, Motion spring physics, Kokonut UI component aesthetics, and Backlit UI dark-mode charts. Use when designing, animating, or reviewing web UIs to achieve high-precision craft…
Skill Claude Code
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading)…
imamirezaei/Product-Team-Claude-Skills
Skill Claude CodeCodex
Use this skill to generate interactive HTML wireframes showing a feature in multiple states AND multiple interaction pattern variants. Triggers: 'show me what this looks like', 'generate a wireframe', 'I want to see all the states', 'show me different ways to implement this', 'make a visual prototype of the flow'…
Skill Claude CodeCodex
Turns an idea, a need, or a prototype into a self-contained web tool.
Skill Claude CodeCodex needs its repo
SvelteKit frontend patterns for Tauri desktop apps. Use when writing Svelte components, pages, layouts, load functions, or routing in a Tauri project. Triggers on .svelte files, +page, +layout, +server, load function, SvelteKit, adapter, SSR, prerender. Complements the tauri-v2 skill (Rust backend); this skill owns…
Skill Claude CodeCodex
A user-interface design guide for reviewing and improving screens, styles, layouts, colours, animations, icons, and design-system rules.
Skill Claude CodeCodex
A guide to improving the drawing performance of HTML5 Canvas, the browser technology used to render 2D graphics and games.
Skill Claude CodeCodex
TidyFactor Cinematic track — builds single-file, scroll-driven luxury landing pages (Apple x Cartier aesthetic) as one index.html with CDN-only libraries (GSAP, Lenis, Tailwind), no build step, no framework. The product "film" is a JPG frame-sequence drawn on canvas and scrubbed by scroll, not a scrubbed video…
vodoon-cell/ai-website-cloner-template-all
Skill Claude Code
Reverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder agents in worktrees as it goes. Use this whenever the user wants to clone, replicate, rebuild, reverse-engineer, or copy any website. Also triggers on phrases…
AbdulmalekAlshugaa/claude-agents-fullstack
Skill Claude CodeCodex needs its repo
The data layer for every app - TanStack Query v5 for all client-side reads and writes. queryOptions/mutationOptions factories, query key design, Next.js App Router prefetch + hydration, mutations, invalidation, and optimistic updates. Use whenever a component reads data, writes data, or a cache goes stale.
Skill Claude CodeCodex
Angular performance optimization and best practices guidelines for signals/reactivity, change detection, bundle optimization, templates, RxJS, component architecture, dependency injection, routing, forms, accessibility, testing, and tooling. Use when writing, reviewing, or refactoring Angular code, designing component…
sergeyizmailov/knowledge-delta-skills
Skill Claude CodeCodex
Use when building or restyling a website that should look like ordinary, long-running commercial web rather than a freshly art-directed product — B2B and professional services, online shops and catalogues, news and publishing, corporate and institutional sites, directories and portals. Covers the plain 2012–2020…
Skill Claude CodeCodex
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
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: