Frontend

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

component

817

Maximepodgorski/agent-skills

Skill Claude CodeCodex

Design system component workflow. Spec, document, implement, review, spec-review, and audit DS components with Figma as primary input. 6 actions: spec, doc, ship, review, spec-review, audit. Auto-activates on: "component", "spec component", "doc component", "ship component", "review component", "spec-review…

not rated 21 4mo ago A 113 tokens original MIT

storybook-mcp

818

m-yoshiro/storybook-mcp

MCP server Claude CodeCodexCursor +2

A Model Context Protocol (MCP) server for Storybook. Runs locally from the storybook-mcp npm package.

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

setup-svelte-vitals

819

oekazuma/svelte-vitals

Skill Claude CodeCodex

Set up svelte-vitals in a SvelteKit project: inspect what the project already uses, derive a svelte-vitals.config from its markuplint / eslint-plugin-check-file config and its actual directory conventions, measure each candidate rule before adopting it, and hand the remaining targets to svelte-vitals install. Use when…

not rated 21 +1 today A SkillSpector: warn 109 tokens original MIT

lumeo

821

Brain2k-0005/Lumeo

Skill Claude CodeCodex

Use when building or editing a Blazor UI that uses the Lumeo component library (the Lumeo NuGet package and its satellites Lumeo.Charts / Lumeo.DataGrid / Lumeo.Editor / Lumeo.Scheduler / Lumeo.Gantt / Lumeo.Motion), or when the user mentions Lumeo components (Button, DataGrid, Sheet, Dialog, Tabs, DatePicker, Toast…

not rated 21 7d ago A SkillSpector: warn 125 tokens original MIT

web-animation-skills

822

iart-ai/web-animation-skills

Plugin Claude Code

Bundles 9 skills · 949 tokens together

Web animation skills for AI coding agents — GSAP, SVG, Lottie, micro-interactions, page transitions, and 60fps performance, installed straight into your agent.

not rated 21 +3 2mo ago A tokens not measured original MIT

clone-team

823

Varalix-Digitech-Solutions/clone-team

Plugin Claude Code

Bundles 1 skill, 5 commands, 5 agents · 898 tokens together

Clone any website with a team of AI agents — pixel-perfect UI clone plus reverse-engineered architecture docs. Built on Claude Code's dynamic Workflow engine with an unskippable test gate; fully pausable and resumable.

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

looks-expensive

824

TuahaJawaid/looks-expensive

Skill Claude Code

Full-stack design methodology that makes any website look like a $150k agency build. Nine gated phases: positioning, research, design contract, screen spec, build, subtraction, audit, hardening, handoff. Includes illustration system, animation tiers, 12 hero patterns, 16 section layouts, UX writing guide, icon system…

not rated 20 3mo ago A 173 tokens original MIT

next-cache-components

825

neverinfamous/memory-journal-mcp

Skill Claude CodeCodex

Next.js 16 Cache Components guidance. Use when refactoring React Server Components for performance, debugging Partial Prerendering (PPR) issues, or applying the use cache directive, cacheLife, cacheTag, updateTag, and revalidateTag. Also use when deciding whether data should be static, cached, or dynamic, or when…

not rated 20 1mo ago A 99 tokens original MIT

add-widget

826

pomerium/mcp-app-typescript-template

Skill Claude CodeCodex needs its repo

Add a new widget (React UI + MCP tool) to this template. Use when asked to "add a widget", "add a new tool with UI", "create a new widget", "scaffold a widget", or "build a new MCP App feature".

not rated 20 2d ago A SkillSpector: warn 56 tokens original Apache-2.0

rtl-aware-development

827

kylepelham/Drift

Skill OpenCode

OpenCode Desktop should be RTL-aware. Use when implementing or reviewing RTL/LTR behavior in the web app, desktop app, CSS, menus, scrolling, resizing, icons, mixed-direction text, or Electron title bars.

not rated 20 yesterday A 48 tokens copy · 100% MIT

component-development

828

tugkanboz/awesome-cursorrules

Cursor rule Cursor

Modern React + TypeScript component patterns — hooks, typed props, performance optimization, forms, and testing.

not rated 20 yesterday A 3,226 tokens original MIT

feature

829

pierreb-devkit/Vue

Skill Claude Code

Use this whenever the user asks to "implement", "add", "build", "create", or "modify" a feature, page, view, component, or module in this Vue project. Three phases: Phase 0 scope analysis (flows + edge cases + UI needs + plan validation, STOP for user), Phase 1 implementation (layered UI → Store → API, Vue 3…

not rated 20 yesterday A 123 tokens

calm-ui

830

brijr/skills

Skill Claude CodeCodex

Apply a restrained, Swiss/Japanese/Scandinavian/German-influenced product design system when building or refining UI in React, Next.js, TypeScript, and shadcn/ui — the stack-specific binding of the ui-principles core, with concrete numbers. Use when the user asks to build, refine, critique, redesign, or review a page…

not rated 20 2mo ago A 173 tokens

nodejs-project-arch

832

abczsl520/nodejs-project-arch

Skill Claude CodeCodex

Node.js project architecture standards for AI-assisted development. Enforces file splitting (<400 lines), config externalization, route modularization, and admin dashboards. Use when creating new Node.js projects, refactoring large single-file codebases, or when AI context window is being consumed by oversized files.…

not rated 20 5mo ago A 100 tokens original MIT

ic-reactor-hooks

833

B3Pay/ic-reactor

Skill Codex

Create, refactor, review, and document IC Reactor React hook integrations for Internet Computer (ICP) apps. Use when working with @ic-reactor/react, createActorHooks, createQuery/createMutation factory patterns, useActorMethod, TanStack Query cache invalidation, generated hooks from the ic-reactor CLI or Vite plugin…

not rated 20 3d ago A 101 tokens

agntcms-section-new

834

agntcms/agntcms

Skill Claude Code

Creates a new section from name and field list: folder, schema, component, config registration.

not rated 20 +1 3mo ago A 25 tokens original MIT

effect-best-practices

835

betalyra/effect-skills

Skill Claude CodeCodex

Enforces Effect-TS patterns for services, errors, layers, and atoms. Use when writing code with Effect.Service, Schema.TaggedError, Layer composition, or effect-atom React components.

not rated 20 1mo ago A 45 tokens original MIT

leejpsd/typescript-react-nextjs-patterns

Skill Claude CodeCodex

Production-grade TypeScript reference for React & Next.js frontend development. Covers type narrowing, component Props, generic hooks, discriminated unions, as const, satisfies, Zod validation, TanStack Query, server/client boundaries, forms, state management, performance, accessibility, debugging, and code review.…

not rated 20 +2 1mo ago A 142 tokens original MIT

babylonjs

837

Curiosity-Ai-BV/Babylonjs-Skill

Skill Claude CodeCodex

Babylon.js 8 3D engine development expertise with curated API patterns, code examples, and on-demand documentation access. Use when working with Babylon.js scenes, meshes, materials (PBR/Standard), cameras, lights, shadows, GUI (2D/3D), animations, physics (Havok), thin instances, glTF loading, post-processing, WebXR…

not rated 20 3mo ago A 260 tokens

theme-builder

838

seite-sh/seite

Skill Claude Code

Create or customize a site theme interactively. Walks through site purpose, audience, visual direction, and design specifics before generating a complete base.html template with all SEO, accessibility, search, pagination, and i18n requirements.

not rated 20 7d ago A SkillSpector: pass 49 tokens original MIT

testing

839

manakuro/asana-clone-app

Skill Claude Code

Use this skill when writing, reviewing, or deciding where to place tests in the Next.js frontend package. Covers which project (unit / integration / storybook) to use for a given scenario, what NOT to duplicate across projects, and file placement conventions for this package.

not rated 20 +1 3d ago A 56 tokens

react-native-skills

840

yuanqiyibiansheng/DeepSeek-Harness-GUI

Skill Claude CodeCodex

A collection of React Native and Expo development guidelines for mobile apps, including lists, animations, media, native features, and project structure.

not rated 19 +1 yesterday A SkillSpector: pass 35 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: