Frontend

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.

cinematic-motion

1297

Kingdaddy007/my-os

Skill Claude CodeCodex

Use this skill when building cinematic, animated, or immersive web experiences. Covers scroll-driven storytelling (GSAP, ScrollTrigger, SplitText, video scrubbing, parallax, mask reveals), 3D product showcases (R3F, Zustand, studio lighting, model switching, video textures), layout composition (bento grids, masonry…

not rated 5 3mo ago A 250 tokens

teams-dev

1298

microsoft/Build26-DEM332-from-zero-to-teammate-in-25-minutes-build-a-teams-agent-live

Skill Claude CodeCodex ✓ vendor

Use this skill whenever the user mentions Microsoft Teams in a development context — whether they're building, integrating, configuring, debugging, or just asking questions. Covers bots, message extensions, embedded web apps, Adaptive Cards, dialogs, SSO, infrastructure, the Teams Developer CLI/SDK, and general Teams…

not rated 5 24d ago A 82 tokens original MIT archived

workbench

1300

fusedio/skills

Plugin Claude Code

Bundles 6 skills · 467 tokens together

Skills for the legacy Fused workbench SDK CLI (fused workbench …): canvas.toml format, JSON UI widget schemas, UDFs, integrations, and the workbench CLI.

not rated 5 25d ago A tokens not measured

remotion-video

1301

emon100/remotion-video-skill

Skill Claude CodeCodex

A way to create videos with code using Remotion, a framework where React components describe each video frame and its behavior. It supports programmatic videos, animations, subtitles, music visualisations, tutorials, 3D scenes, and data-driven content.

not rated 5 6mo ago A 200 tokens

css-animation-creator

1303

OneWave-AI/ClaudeCodeUnleashed

Skill Claude CodeCodex

Create professional CSS animations, transitions, micro-interactions, and complex motion design. Use when adding animations, hover effects, loading states, page transitions, scroll animations, or any motion design work.

not rated 5 6mo ago A 44 tokens original MIT

vaadin-skills

1304

vaadin/agent-skills

Plugin Claude Code

Bundles 3 skills, 1 MCP server · 384 tokens together

Skills and tools for building high-quality Vaadin 25 applications with Java/Flow — theming, visual design, and form layout. Includes the hosted Vaadin MCP server for current documentation and API lookup.

not rated 5 24d ago A tokens not measured original Apache-2.0

create-ui-app

1305

logos-co/logos-dev-boost

Skill Claude Code

Activate when creating a Logos Basecamp UI app. Covers two subtypes — pure QML (no C++) and QML + process-isolated C++ backend with Qt Remote Objects.

not rated 5 25d ago A 0 tokens

frontend-design-system

1306

sourav15mukherjee/skillforge-free-skills

Skill Claude CodeCodex

Generate production-grade UI components with visual style systems, color palettes, typography, and responsive layouts. Use when the user asks to build UI, create a landing page, design a component, generate a hero section, or wants frontend design help with styling and layout.

not rated 5 5mo ago A 56 tokens original MIT

ingeniero-web-pro

1307

angelapaia/ingeniero-web-pro

Skill Claude Code

Skill end-to-end para construir webs y landings profesionales con Next.js 16, React 19, Tailwind CSS v4, shadcn/ui y Framer Motion. Pensada para que un usuario sin conocimientos técnicos pueda PREVISUALIZAR estilos en su navegador antes de elegir, y completar la página de principio a fin (intake, brief, diseño, build…

not rated 5 4mo ago C 294 tokens

mOdrA40/claude-codex-skills-directory

Skill Claude CodeCodex

Expert-level SolidJS and SolidStart development skill with 20+ years senior/lead engineer mindset. Comprehensive guidance for building production-ready, scalable web applications with fine-grained reactivity. Use when Claude needs to: (1) Create new SolidJS/SolidStart projects, (2) Implement TanStack…

not rated 5 5mo ago A 224 tokens

fernandezbaptiste/trode

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 5 7mo ago A 67 tokens

stripe-pwa-elements

1311

hideokamoto/stripe-pwa-elements

Plugin Claude Code

Bundles 1 skill · 141 tokens together

Helps you integrate the stripe-pwa-elements web component library: choosing the right component, wiring publishable key + intent/checkout client secret, and handling the submit/confirm flow.

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

Kage0x3B/svelte-advanced-datatable

Skill Claude CodeCodex

Wire row selection, per-row + bulk actions (DataTableAction with onSingle/onMulti, primary/destructive variants), row click behaviour (modalComponent, onItemClick, buildItemUrl — mutually exclusive), and CSV/JSON export for svelte-advanced-datatable. Use when adding action buttons, opening a modal on row click…

not rated 5 2mo ago A 142 tokens original MIT

Luispitik/salgadoia-web-design-engineer-pro

Skill Claude Code

Skill end-to-end para construir webs y landings profesionales con Next.js 16, React 19, Tailwind CSS v4, shadcn/ui y Framer Motion. Pensada para que un usuario sin conocimientos técnicos pueda PREVISUALIZAR estilos en su navegador antes de elegir, y completar la página de principio a fin (intake, brief, diseño, build…

not rated 5 4mo ago C 299 tokens

jeanpaulsio/nunchuck-skills

Skill Claude CodeCodex

Deep reference for React Native / Expo patterns -- Expo Router v7, screen structure, TanStack Query with offline persistence, native modules, NativeWind styling, forms, accessibility, Reanimated animations, performance, deep linking, Sentry wiring, EAS Build/Submit/Update, testing, and platform gotchas. Grounded in…

not rated 5 8d ago A 91 tokens

commentable-html

1315

kkraoj/commentable-html

Skill Claude CodeCodex

Embed inline commenting (text highlights, anywhere-pins, threaded replies, save-to-disk) into any standalone HTML document Claude generates. Use whenever producing HTML that a human will open in a browser to read or review — PRDs, design docs, reports, dashboards, write-ups, generated previews. Skip for HTML fragments…

not rated 5 3mo ago A 87 tokens

typed-events

1316

stephansama/packages

Skill Claude CodeCodex

Type-safe validated wrappers for browser CustomEvent, BroadcastChannel, and window.postMessage APIs using any standard-schema-compatible validator (zod, valibot, arktype). Use when implementing createEvent, createEventMap, createBroadcastChannel, createBroadcastEvent, or createMessage. For React hooks (useListener…

not rated 5 1mo ago A 80 tokens original MIT

echart

1317

nealepetrillo/claude-skills-echart

Skill Claude Code

Create and edit Apache ECharts v6 visualizations. Use when users want to build interactive charts, dashboards, or data visualizations. Supports line, bar, pie, scatter, radar, heatmap, treemap, sunburst, gauge, chord, and 20+ other chart types. Generates working HTML, JavaScript, React, or Vue component code.

not rated 5 7mo ago A 76 tokens original MIT

vue-vben-admin

1319

zrlONE/vue-vben-admin-skill

Skill Claude CodeCodex needs its repo

Vue Vben Admin - Modern Vue 3 Admin Framework with Monorepo Architecture.

not rated 5 6mo ago A 21 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: