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.

dx-blazor

577

DevExpress/agent-skills

Plugin Claude Code

Bundles 10 skills · 1,148 tokens together

DevExpress Blazor skills: AI Chat, charts, gauges, Grid, Treelist, Pivot Table, Scheduler, Combo Box, Ribbon, and Toolbar.

not rated 52 +3 22d ago A tokens not measured original MIT

auratech-lab/r3arxiv-react3-archive

Skill Codex

Plan, build, review, and debug React Three Fiber, Three.js, WebGL/WebGPU, shader, XR, asset-pipeline, physics, game, and creative 3D web app work using the R3ARXIV agent catalog plus absorbed R3F/Three.js skill patterns. Use when the task mentions @react-three/fiber, R3F, Drei, Three.js, WebGL, WebGPU, GLSL, shaders…

not rated 52 3mo ago A 138 tokens

console-tanstack-api

579

graze-social/cocore

Cursor rule Cursor

TanStack Start server functions exposed to UI only via queryOptions / mutationOptions; Effect stays on the server boundary.

not rated 51 3d ago A 0 tokens

scroll-cinematic

580

zubair-trabzada/scroll-cinematic-claude

Skill Claude CodeCodex

Build an award-winning "3D scroll" website of ANY kind from ONE prompt — product launch, portfolio, agency, contractor/home-services, restaurant, real estate, personal brand, event, app, etc. Generates a high-end cinematic hero visual + clips (360° orbit, fly-through, reveal, explode, parallax) fitting the site's…

not rated 51 +1 3mo ago A 0 tokens

uiNerd16/aicanvas

Skill Claude CodeCodex

Opinionated creative skill for building stunning 3D, particle, and generative visual components. Use when building any Three.js, Canvas, WebGL, or visually complex component. Provides specific visual recipes, mathematical patterns, and creative direction — not API docs.

not rated 51 4d ago A SkillSpector: pass 58 tokens original MIT

sveltekit

582

localrivet/gomcp

Cursor rule Cursor needs its repo

Writing Svelte code with Go backend and adapter-static using Tailwind CSS, DaisyUI, and Soul AST-generated API endpoints.

not rated 51 1y ago A 2,651 tokens original MIT

natdexterra/work-with-design-systems

Skill Claude CodeCodex

Inspect, build, or extend Figma design systems — and optionally sync them to code. Two modes in one skill: inspect mode (read-only audits with WCAG checks, component scoring, detached instance detection, handoff docs) and build mode (creating components with variable bindings, slot-based composition, structured…

not rated 50 changed 2d ago C 260 tokens original MIT

igniteui-cli

585

IgniteUI/igniteui-mcp-testbed

MCP server Claude CodeCodexCursor +2

One of 2 in .mcp.json

CLI tool for creating Ignite UI projects. Runs locally from the igniteui-cli npm package.

not rated 50 13d ago A tokens not measured original MIT

three-best-practices

586

emalorenzo/three-agent-skills

Skill Claude CodeCodex

Three.js performance optimization and best practices guidelines. Use when writing, reviewing, or optimizing Three.js code. Triggers on tasks involving 3D scenes, WebGL/WebGPU rendering, geometries, materials, textures, lighting, shaders, or TSL.

not rated 50 7mo ago A Socket: passSnyk: pass 58 tokens

ai-to-figma

587

Niall-Young/AItoFigma

Skill Codex

Plan web or iOS mobile interfaces from screenshots, Figma frame references, or a product brief; generate and explicitly approve full-screen visual previews for adaptation and independent design; rebuild approved directions as capture-safe static HTML with official assets; and push editable layers into Figma Design…

not rated 50 19d ago A SkillSpector: pass 94 tokens original MIT

pencilplaybook

588

stevembarclay/pencilplaybook

Skill Claude CodeCodex

PencilPlaybook is the UI Skills / Taste-Skill for Pencil.dev + Claude Code — a design playbook that gives Claude real perceptual psychology and senior-level guardrails so it stops producing averaged-out AI slop.

not rated 50 +2 5mo ago A 50 tokens original MIT

UI/UX Designer

589

alec-c4/claude-rails-dev

Agent Claude Code

Specialist in user interface design, user experience flows, accessibility (a11y), and Tailwind CSS styling.

not rated 49 7mo ago A 28 tokens original MIT

quailyquaily/quail-ui

Skill Claude CodeCodex

Use this skill when integrating Quail UI into a Vue 3 frontend, migrating an existing screen to Quail UI components, or needing the library's themes, tokens, icons, demo-backed usage patterns, and agent-facing onboarding docs.

not rated 49 4mo ago A 56 tokens original Apache-2.0

ui-refactor

591

LovroPodobnik/refactoring-ui-skill

Skill Claude Code

Tactical user interface design guide for fixing layouts, selecting colors/fonts, and creating professional UIs. Use when the user asks to "make this look better," needs help with CSS/styling decisions, wants to create a design system, or needs to fix a cluttered interface.

not rated 49 +1 8mo ago A Socket: passSnyk: pass 61 tokens

datastar

592

maragudk/skills

Skill Claude CodeCodex

Guide for building interactive web UIs with Datastar and gomponents-datastar. Use this skill when adding frontend interactivity to Go web applications with Datastar attributes.

not rated 49 5mo ago A 37 tokens original MIT

web-components

593

AdamBien/airails

Skill Claude Code needs its repo

Architecture and coding rules for single-page applications using web components, BCE layering, lit-html templating, unidirectional Redux-style state management (reduction.js, standards-based), and standards-based client-side routing (Navigation API + URLPattern). Web standards and web platform first, minimal external…

not rated 49 +1 changed 2d ago A SkillSpector: warn 160 tokens original MIT

write-mini-app-code

594

hunmer/agent-spaces

Skill Claude CodeCodex

Write, edit, or review Agent Spaces Workflow UI project code from a user-provided project path while looking up Workflow UI renderer, host component, and plugin source from the current working directory instead of MCP/runtime agent tools. Use when an external agent needs to work on Workflow UI React or HTML preview…

not rated 49 +2 yesterday A 102 tokens

design-taste

595

h3nryprod01/design-taste

Skill Claude CodeCodex

Elite frontend design taste for building, reviewing, and polishing web interfaces. Use whenever the user wants to design, redesign, shape, critique, audit, polish, or improve any UI — landing pages, portfolios, dashboards, product UI, components, forms, onboarding, empty states — or asks to make something look better…

not rated 49 +6 1mo ago A 127 tokens original MIT

html-to-pdf

596

aviz85/claude-skills-library

Skill Claude Code

Convert HTML to PDF with pixel-perfect rendering and excellent Hebrew/RTL support. Use when the user asks to 'convert HTML to PDF', 'generate PDF from HTML', 'create PDF from webpage', 'export to PDF', or needs PDF generation with Hebrew text support.

not rated 49 +1 2mo ago A Socket: passSnyk: warn 58 tokens

surface

597

Aaryan-Kapoor/Surface

Plugin Claude Code

Bundles 1 skill · 79 tokens together

Surface — universal display for AI agents. Push HTML/CSS/JS to a PWA via the surface CLI; react to user clicks with surface wait. See SKILL.md.

not rated 48 yesterday A tokens not measured original MIT

web-ai-skills

598

webmaxru/web-ai-agent-skills

Plugin Claude Code

Bundles 11 skills · 903 tokens together

Agent skills for browser Web AI APIs (Prompt API, Language Detector, Translator, Writing Assistance, Proofreader, WebMCP, WebNN).

not rated 48 changed 4d ago A tokens not measured

extension-dev

599

quangpl/browser-extension-skills

Skill Claude CodeCodex

Detect Chrome extension framework/stack, find proper docs, implement features, and debug across service worker, content script, and popup contexts.

not rated 48 +1 3mo ago A 30 tokens original MIT

project-structure

600

fengkx/beancount-lsp

Cursor rule Cursor

Intro: This project is a monorepo managed by pnpm. It is a Language Server Protocol(LSP) implementation of Beancount (A plain text accounting Language).

not rated 48 5d ago A 389 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: