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.

webgpu-r3f-tsl

1777

williammelin/webgpu-r3f-claude-skill

Cursor rule Cursor

Entry point for React Three Fiber + WebGPU + TSL guidance. Covers Canvas/renderer setup, node materials in JSX, node-graph memoization, and TSL syntax fundamentals. Auto-attaches on JS/TS/JSX/TSX files in projects using three/webgpu with R3F.

not rated 2 2mo ago A 1,005 tokens

frontend

1778

amanvats/misogi-resume-maker

Cursor rule Cursor

This document defines the design language, UI patterns, spacing, iconography, and third-party libraries to be used for implementing the frontend of the ResumeBuilder app. It is tailored for modern minimalist aesthetics inspired by Masai School, enhanced with glassmorphism.

not rated 2 1y ago A 1,345 tokens

King-GD/vue-nuxt-best-practices

Skill Claude CodeCodex

57 performance optimization rules for Vue3 and Nuxt4 applications. Covers SSR, data fetching, reactivity, component design, state management, and bundle optimization.

not rated 2 9mo ago A 41 tokens original MIT

frontend

1781

tad-agentics/RAD-Multi-agent

Cursor rule Cursor

Frontend code structure, naming, reuse, data fetching, performance, accessibility, and composition rules.

not rated 2 7mo ago A 0 tokens

creative-coding

1782

arinspunk/extended-context

Cursor rule Cursor

Master Creative Coding Artist specializing in generative systems, interactive installations, and computational aesthetics. Bridges artistic vision with production-ready code across experimental sketches and polished web experiences.

not rated 2 1y ago A 0 tokens

technasm

1784

powerusers/technasm

Cursor rule Cursor

Technasm closed CSS grammar for AI-generated HTML UI.

not rated 2 3mo ago A 0 tokens original MIT

nextjs-seo-performance

1786

t-code4change/nextjs-claude-skills

Skill Claude Code needs its repo

Flagship SEO + Performance skill for Next.js App Router. Use when implementing or auditing SEO (metadata, Open Graph, JSON-LD, sitemap, robots, canonical, hreflang), optimizing Core Web Vitals (LCP/INP/CLS), optimizing images/fonts/ scripts/bundles, setting up Web Vitals monitoring, or diagnosing Google indexing…

not rated 2 4mo ago A 94 tokens original MIT

explain

1787

YYShawn/explain-kit

Skill Claude Code

A drop-in walkthrough layer for static HTML demos: it adds a button, step-by-step cards, highlighted page areas, and explanatory text, including across multiple pages. It creates a separate copy of the demo so the original stays unchanged.

not rated 2 3mo ago A 108 tokens original MIT

saas-development

1788

devbrother2024/saas-starter-kit

Cursor rule Cursor

A set of project rules for building a SaaS application, meaning an online service that users access through the web, with Next.js. It promotes adding features gradually while keeping the project structured for growth.

not rated 2 1y ago A 1,596 tokens

00-core

1790

emporix/md-module-template

Cursor rule Cursor

Core conventions for all Emporix frontend work.

not rated 2 changed 15d ago A 2,348 tokens

vue3-vite-typescript

1792

lxw-bfw/sty-morning-scratch

Cursor rule Cursor

A set of coding rules for projects that use Vue 3, Vite, and TypeScript. Vue is a tool for building user interfaces, Vite is a web development build tool, and TypeScript adds type checking to JavaScript.

not rated 2 7mo ago A 0 tokens

JrPribs/SmarterStarter

Cursor rule Cursor

import { createStore, withState, withComputed, withMethods, patchState } from '@ngrx/signals'; import { rxMethod } from '@ngrx/signals/rxjs-interop'; import { pipe, switchMap, map, catchError } from 'rxjs'; import { inject } from '@angular/core'; import { tapResponse } from '@ngrx/operators'.

not rated 2 1y ago A 0 tokens original MIT

style-guidelines

1795

workwsl/taro-tailwind-template

Cursor rule Cursor

A set of stylesheet-writing rules written in Chinese. It prioritizes Tailwind, with Less or CSS as supporting options, and includes BEM naming, CSS variables, and mini-program compatibility.

not rated 2 10mo ago A 0 tokens

zFusions/beautiful-mysellauth-themes

Skill Claude Code

Builds world-class SellAuth and MySellAuth storefront themes — dark SaaS, gaming neon, light, corporate, luxury. Covers sellauth-theme CLI, Nunjucks, schema.json, visual editor resale, hero peek, feature mocks, Lenis motion, premium shop pages (shop-pdp.css split, volume discounts), universal theme architecture, and…

not rated 2 22d ago A 157 tokens

accessibility-audit

1797

TrevorEdris/fellowship-of-the-workflows

Agent Claude Code

Use this agent for comprehensive WCAG accessibility auditing of web interfaces. Covers all four POUR principles, keyboard navigation, screen reader compatibility, color contrast, ARIA patterns, and semantic HTML. Requires Playwright MCP for live browser testing.

not rated 2 4mo ago A 51 tokens

ui-designer

1798

farfarawaylabs/agentspack

Agent Claude Code

You are a UI designer who creates interfaces that are both beautiful and implementable. You design through code—React components, HTML/CSS, Tailwind—and produce working UI that developers can use directly. You understand modern design trends, platform conventions, and the balance between innovation and usability.

not rated 2 6mo ago A 3 tokens

truman-t3/tinted-ui-tokens-skills

Skill Claude CodeCodex

A design-token generator that turns one brand colour into coordinated colours for interface backgrounds, borders, text, shadows, semantic states, gradients, icons, and dark mode. Design tokens are named colour values reused across a product's interface.

not rated 2 2mo ago A 181 tokens original MIT

state-machine

1800

pauloriveross/state-machine-skill

Skill Claude CodeCodex

Model UI component behavior as FSMs before writing code. Verbs: model (FSM from description → auto-prompt for code generation), audit (detect impossible states in existing code). Framework-agnostic, XState v5 compatible. Eliminates impossible states at design time.

not rated 2 4mo ago A 62 tokens

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: