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.

halo-plugin-dev

1081

halo-dev/dev-skills

Skill Codex

Create or modify Halo CMS plugins, including Java backend code, plugin.yaml and extension resources, Gradle and DevTools configuration, plugin APIs and lifecycle, and Vue-based Console or User Center UI. Use for Halo plugin implementation, migration, debugging, or integration work; do not use for theme-only changes.

not rated 11 2mo ago A 65 tokens

antdv-next

1082

antdv-next/skills

Skill Claude CodeCodex

Antdv Next Vue 3 component library. Use when locating component API docs, props/events/slots, playground demos, or theme token definitions.

not rated 11 4mo ago A Socket: passSnyk: pass 33 tokens original MIT

frontend-development

1083

samhvw8/dot-claude

Skill Claude CodeCodex

Multi-framework frontend development. Frameworks: React 18+ (Suspense, hooks, TanStack), Vue 3 (Composition API, Pinia, Nuxt), Svelte 5 (Runes, SvelteKit), Angular (Signals, standalone). Common: TypeScript, state management, routing, data fetching, performance optimization, component patterns. Actions: create, build…

not rated 11 11mo ago A 186 tokens

electron-development

1084

EthanYoQ/Skill-hub

Skill Codex needs its repo

Use for Electron desktop application implementation, local packaging, and macOS Electron installer builds in GitHub Actions. Covers secure IPC, preload and multi-process architecture, electron-builder/Forge configuration, native modules, signing/notarization setup, DMG/ZIP packaging, mounted packaged smoke, and macOS…

not rated 11 changed 1mo ago A SkillSpector: warn 123 tokens original MIT

gsap-choreography

1085

Costumary/gsap-choreography

Skill Claude CodeCodex

Use when building multi-scene GSAP animations for product demos, hero walkthroughs, or scripted UI sequences in React. Covers timeline architecture, cursor choreography, scene transitions, click systems, typed text, and animation coordination across components.

not rated 11 +1 5mo ago A 52 tokens

guofeng-threejs

1086

sanhuang520-ship-it/awesome-chinese-ai-tools

Skill Claude CodeCodex

A skill for creating Chinese-style real-time 3D web visuals with Three.js, a JavaScript library for displaying 3D graphics in a browser. It focuses on ink-wash, blue-green landscape, mural, paper-cut, and other non-realistic styles.

not rated 11 5d ago A SkillSpector: pass 89 tokens original MIT

web-anatomy

1087

GabrielAmz/web-anatomy

Plugin Claude Code

Bundles 7 skills, 1 MCP server · 1,353 tokens together

Skills for your AI agent to audit, rewrite, and build landing pages that convert, grounded in a scored benchmark of real pages.

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

liquid-glass-frontend

1088

ngocanhnckh/liquid-glass-frontend-skill

Skill Claude CodeCodex

Use when building a beautiful, distinctive, awwwards-tier web frontend — landing pages, dashboards, web apps, marketing sites — that needs Apple-style liquid-glass surfaces, choreographed motion.dev animations, and creative editorial layouts instead of the generic SaaS look (icon-card rows, centered heroes, default…

not rated 11 +1 4mo ago C 124 tokens original MIT

building-blog

1089

BuildShipGrowRepeat/nextjs-sanity-blog-skill

Plugin Claude Code

Bundles 1 skill · 94 tokens together

Opinionated, batteries-included spec for adding an SEO-first, i18n-ready blog to a Next.js + Sanity site. Walks 40 intake questions, scans the project, drafts a one-page plan for approval, then implements against a 20-section technical spec with pass/fail checklist. Includes a working generator for AI hero images via…

not rated 11 5mo ago A tokens not measured original MIT

imugi-ai

1090

M00N7682/imugi

MCP server Claude CodeCodexCursor +2

Design to Code — AI-powered frontend builder with visual verification. Runs locally from the imugi-ai npm package.

not rated 11 7mo ago A tokens not measured original MIT

tinymce-setup

1091

tinymce/tinymce-ai-skills

Skill Claude CodeCodex

Your TinyMCE Setup Partner. Use this skill whenever the user asks about integrating, setting up, configuring, or installing TinyMCE into a project. Covers environment selection, plugin recommendations by industry, API key validation, and generating framework-specific integration code. Trigger on mentions of TinyMCE…

not rated 11 changed today A 185 tokens

entrance-motion

1092

mathofdynamic/entrance-motion-skill

Skill Codex

Implement or audit calm, progressive frontend entrance motion across pages, menus, popovers, dialogs, and other transient surfaces with stable initialization, deterministic stagger, reduced-motion support, faster close transitions, and rendered-page validation. Use when adding or repairing entrance or exit reveals; do…

not rated 11 2mo ago A 78 tokens original MIT

neuralng-angular

1093

hasanaydin7/NeuralTech

Skill Codex

Build or update Angular 22+ interfaces with NeuralNg when exact component selection, imports, forms, accessibility, SSR, icons, or theming guidance is needed.

not rated 11 5d ago A SkillSpector: warn 38 tokens original MIT

ux-reviewer

1094

sifxprime/kodelyth-ecc

Agent Claude Code

Master UX and accessibility engineer — Kodelyth. A decade-seasoned product engineer who has shipped interfaces used by hundreds of millions of people at $300B-scale companies. Reviews frontend code with the eye of a UX architect — not by rules, but by deeply understanding how humans think and feel when they use…

not rated 11 1mo ago A 93 tokens original MIT

guizang-ppt-skill

1095

Dirtytrii/codex-skills

Skill Claude CodeCodex

A skill for creating presentation decks as single HTML files that work as horizontal, swipeable web pages. It includes reusable visual layouts such as chapter screens, large-number data slides, and image grids.

not rated 11 29d ago A 161 tokens

hcifootprint-adoption

1096

footprintjs/hcifootprint

Skill Claude CodeCodex

Add hcifootprint to an existing web app so agents can discover and execute declared UI actions through direct tools, MCP, or browser WebMCP. Use for app integration rather than changes to the library itself.

not rated 11 changed 2d ago A 50 tokens original MIT

mcp-angular-cli

1100

talzach/mcp-angular-cli

MCP server Claude CodeCodexCursor +2

Model Context Protocol servers for Angular CLI. Runs locally from the @talzach/mcp-angular-cli npm package.

not rated 10 1y ago A tokens not measured original MIT

frontend-architecture

1101

stareezy-1/frontend-architecture-skill

Skill Claude CodeCodex

A portable, framework-agnostic architecture style for any React or React Native frontend. Organizes apps into feature modules with page/screen directories, a strict server-state vs UI-state split, barrel-only cross-module imports, co-located styles, and clear component-promotion rules. State-management agnostic…

not rated 10 4mo ago A 170 tokens original MIT

impeccable

1102

Anmol-Srv/sigil

Skill Claude Code needs its repo

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states.…

not rated 10 1mo ago A 189 tokens copy · 100% MIT

ui-ux-pro-max

1103

Rayenbabdallah/GetMCP

Skill Claude CodeCodex

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks.

not rated 10 5mo ago B 34 tokens copy · 92% Apache-2.0

lucid-ui

1104

Deepractice/UIX

Skill Claude CodeCodex

Professional UI design system that replaces generic AI aesthetics (purple gradients, neon colors) with intentional, distinctive design. Use this skill whenever generating frontend UI, web pages, landing pages, dashboards, or any visual interface. Provides concrete color palettes, typography rules, spacing systems, and…

not rated 10 7mo ago A 76 tokens 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: