Frontend

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

xxxxxccc/devops-bot

Skill Claude CodeCodex

Build production-ready design systems with Tailwind CSS v4, including CSS-first configuration, design tokens, component variants, and accessibility. Use when working with Tailwind projects.

not rated 47 5mo ago A 39 tokens original MIT

expo-tailwind-setup

602

robinebers/skills

Skill Claude CodeCodex

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling.

not rated 48 2mo ago A 27 tokens

tw-easing-gradients

603

enisbu/tw-easing-gradients

Skill Claude Code

Replace Tailwind CSS linear gradients with smooth eased gradients using tw-easing-gradients. Use when upgrading bg-gradient-to-, creating fading backgrounds, or smooth color transitions.

not rated 47 5mo ago A 40 tokens original MIT

design-audit

604

Kappaemme-git/codex-design-audit-skill

Skill Codex

Evaluate website, web app, landing page, or frontend implementation quality with a structured design audit and scoring grid. Use when Codex is asked to review UI design, visual hierarchy, UX, responsiveness, accessibility, performance perception, copy clarity, frontend polish, or to produce a design/frontend…

not rated 47 4mo ago A 107 tokens original MIT

maquina-ui-standards

605

maquina-app/rails-claude-code

Plugin Claude Code

Bundles 1 skill · 58 tokens together

Build consistent, accessible UIs in Rails using maquinacomponents — ERB partials styled with Tailwind CSS 4, inspired by shadcn/ui.

not rated 47 24d ago A tokens not measured original MIT

react-flow

606

framara/react-flow-skill

Skill Claude CodeCodex

Expert guidance for React Flow (@xyflow/react): building interactive node-based graphs, custom nodes and edges, handles, state management, layouting, TypeScript patterns, performance optimization, and theming. Use when writing React Flow code, creating custom nodes or edges, debugging flow issues, optimizing graph…

not rated 47 1mo ago A 78 tokens original MIT

animejs

607

BowTiedSwan/animejs-skills

Skill Claude CodeCodex

Comprehensive skill for Anime.js v4 - a fast and flexible JavaScript animation library. This skill should be used when implementing web animations, creating timelines, working with SVG animations, scroll-based animations, draggable elements, staggered effects, or any JavaScript-based animation on the web. Triggers on…

not rated 47 +1 7mo ago A 122 tokens

regenerate-api

608

bravodev-hub/appointme

Skill Claude Code

Regenerate the AppointMe frontend API client (orval/TanStack Query hooks + TypeScript schemas) after the backend OpenAPI surface changes. Use this whenever backend endpoints, request/response DTOs, or other contract-affecting types are added, removed, or modified — e.g. after editing files under src/AppointMe.Api…

not rated 46 +1 16d ago A SkillSpector: warn 136 tokens original MIT

procedural-clouds

609

CK42BB/procedural-clouds-threejs

Skill Claude CodeCodex

Generate beautiful procedural clouds in Three.js using WebGPU raymarching with WebGL2 billboard/mesh fallbacks. Covers all 10 major cloud genera (cumulus, stratus, cirrus, cumulonimbus, stratocumulus, altocumulus, altostratus, nimbostratus, cirrostratus, cirrocumulus) with physically-inspired lighting including silver…

not rated 46 +2 6mo ago A 224 tokens original MIT

scroll-reveal-video

610

TommyChryst/claude-web-animations

Skill Claude Code

Create a scroll-driven video scrub section where a video's playback position is controlled by scroll progress. Use when the user wants a scroll-scrub animation, cinematic scroll effect, video timeline scrubbing, parallax video, scroll-synced video, or wants to sync a video to scroll progress. Handles ffmpeg…

not rated 45 4mo ago A 96 tokens original MIT

build-dashboard

611

clawpod-app/awesome-openclaw-agent-packs

Skill Claude Code

Build an interactive HTML dashboard with charts, filters, and tables. Use when creating an executive overview with KPI cards, turning query results into a shareable self-contained report, building a team monitoring snapshot, or needing multiple charts with filters in one browser-openable file.

not rated 45 5mo ago A 56 tokens

vercel-microfrontends

612

vercel/microfrontends

Skill Claude CodeCodex ✓ vendor

Guide for building, configuring, and deploying microfrontends on Vercel. Use this skill when the user mentions microfrontends, multi-zones, splitting an app across teams, independent deployments, cross-app routing, incremental migration, composing multiple frontends under one domain, microfrontends.json…

not rated 46 1mo ago A Socket: passSnyk: warn 122 tokens original MIT

siddik-web/wp-block-theme-converter

Plugin Claude Code

Bundles 1 skill, 11 commands, 1 agent, 1 hook · 624 tokens together

Convert any HTML/CSS/JavaScript project into a production-ready WordPress Block Theme (Full Site Editing): theme.json v3, block patterns, FSE templates, the Interactivity API, and optional WooCommerce support. Bundles 11 slash commands, a quality-review agent, deterministic validation scripts, and a full reference…

not rated 45 3mo ago A tokens not measured original MIT

oneshot-websites

614

jpcaparas/skills

Skill Claude CodeCodex

Run ambitious one-shot websites, web apps, games, simulations, clones, motion pieces, or benchmarks through fresh isolated subagents. Use for one-shot web artifacts, catalogue ideas, or parallel model/harness variants.

not rated 45 12d ago A 48 tokens

fde-demo

615

OpenFDEAI/ChatDemo

Plugin Claude Code

Bundles 1 skill · 109 tokens together

Build a customer demo live while the FDE talks with the customer on-site: turn-based workflow (spec-first, reuse > assemble > generate, 3-minute turns with screenshot self-check), branded Next.js demo template, OpenAPI-to-mock ingestion, and a pre-vetted OSS gallery.

not rated 44 +2 1mo ago A tokens not measured

here-now

616

heredotnow/skill

Skill Claude CodeCodex

Skill "here-now" from heredotnow/skill, covering here.now, current docs, requirements, if the helper scripts aren't installed and create a site.

not rated 45 +2 changed 4d ago C Socket: passSnyk: fail 169 tokens

mav-slidecraft-skill

617

maverickgao8848/mav-slide-craft-skill

Skill Claude CodeCodex

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch.

not rated 45 2mo ago A 51 tokens

next-best-practices

618

ssdeanx/AgentStack

Skill Claude Code

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling.

not rated 44 4mo ago A 38 tokens

bmap-jsapi-three

619

baidu-maps/jsapi-skills

Skill Claude CodeCodex

A development guide for building 3D maps and geographic information systems (GIS), software for working with location-based data, using MapV-Three.

not rated 44 2d ago A 87 tokens

astro-framework

620

delineas/astro-framework-agents

Skill Claude CodeCodex needs its repo

Astro framework specialist for building fast, content-driven websites with islands architecture. Use when creating Astro components, configuring hydration (client:load/idle/visible/media), using server:defer (server islands), Content Layer API (glob/file loaders, live loaders), sessions, astro:env, i18n routing…

not rated 44 5mo ago A Socket: passSnyk: warn 101 tokens original MIT

stitch-kit

621

gabelul/stitch-kit

Plugin Claude Code

Bundles 36 skills, 1 agent, 2 hooks · 2,028 tokens together

Your agent designs terrible UI. stitch-kit wires it into Google Stitch MCP and teaches it the whole pipeline — ideation, screen generation, design systems, and production components across 7 frameworks.

not rated 45 +1 1mo ago A tokens not measured original Apache-2.0

igniteui-theming

622

IgniteUI/igniteui-theming

MCP server Claude CodeCodexCursor +2

Generate Sass palettes, typography, elevations, and themes for Ignite UI components. Runs locally from the igniteui-theming npm package.

not rated 44 yesterday A tokens not measured original MIT

basehub-ai/forums

Skill Claude Code

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…

not rated 43 27d ago A 67 tokens GPL-3.0

transitions-dev

624

Jakubantalik/transitions-dev

Skill Claude CodeCodex

Production-ready CSS transitions for web apps. Use when implementing notification badges, dropdowns, modals, panel reveals, page transitions, card resizes, number pop-ins, text swaps, icon swaps, success checks, avatar group hovers, or error state shakes. Triggers on "add a transition", "animate the dropdown", "make…

not rated 43 3mo ago A Socket: passSnyk: pass 159 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: