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.

anime-js-mcp-server

1177

yeshsurya/anime-js-mcp-server

MCP server Claude CodeCodexCursor +2

A Model Context Protocol (MCP) server for Anime.js animation library, providing AI assistants with access to Anime.js components, APIs, examples, and documentation. Runs locally from the anime-js-mcp-server npm package.

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

liveblocks/skills

Skill Claude CodeCodex

Use this skill when building, debugging, or answering questions about Liveblocks. Liveblocks gives you the building blocks and infrastructure to enable people and AI to work together inside your app, powering realtime collaboration. Liveblocks features include collaboration, rooms, organizations, workspaces, comments…

not rated 7 4d ago A Socket: passSnyk: pass 186 tokens original Apache-2.0

dhis2-mcp-server

1179

Dradebo/dhis2-mcp

MCP server Claude CodeCodexCursor +2

A Model Context Protocol server providing 108 tools for DHIS2 development, including code generators, debugging helpers, and documentation access for web and Android app development. Runs locally from the dhis2-mcp-server npm package.

not rated 7 1mo ago A tokens not measured original MIT

a11y

1180

0xjcf/MCP_CodeAnalysis

Cursor rule Cursor

Properly implemented semantic HTML and ARIA attributes are essential for ensuring web applications are fully accessible. These guidelines help developers implement accessibility best practices consistently.

not rated 7 7mo ago A 3,115 tokens

gsap-plugins

1181

BjornMelin/dev-skills

Skill Codex

Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools. Use when the user asks about a GSAP plugin, scroll-to, flip animations, draggable, SVG…

not rated 7 5d ago A 91 tokens

bingo33-gif/motionsites-promptcapture

Skill Claude CodeCodex

Use when the user asks to create a website (landing page, SaaS site, portfolio, agency site, hero section, etc.) and mentions UI design, or explicitly asks to find website prompts from motionsites.ai. Go to https://motionsites.ai, find the most relevant prompt template for the user's request, and deliver the prompt…

not rated 7 +1 1mo ago A 151 tokens original MIT

fantastic-ui

1183

succtorlin/fantastic-ui

Skill Claude CodeCodex

Design and build "instrument-grade" UI — marketing pages AND in-product surfaces (app pages, dashboards, panels, subpanels) that read like the product itself, not like a template. Distilled from the sectorRRG "The Instrument" landing redesign: dark editorial ground, single-accent color discipline, serif display +…

not rated 7 24d ago A 236 tokens original MIT

sodam-design-kit

1184

sodam-ai/SoDam-Design-Kit

Plugin Claude Code

Bundles 1 skill, 5 commands, 1 hook · 251 tokens together

A Claude Code design toolkit that turns Figma designs into shadcn/ui code. It checks the result in a real browser with Playwright and axe-core at three screen sizes.

not rated 7 +4 changed yesterday A tokens not measured original Apache-2.0

kicchann/reqord

Skill Claude CodeCodex

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 7 +1 6mo ago A 67 tokens AGPL-3.0

mcp-server

1186

decantr-ai/decantr

MCP server Claude CodeCodexCursor +2

AI frontend governance for Contract context, graph artifacts, drift evidence, and repair prompts. Runs locally from the @decantr/mcp-server npm package.

not rated 7 +1 2d ago A tokens not measured original MIT

quickfill

1187

DikshitRJ/quickfill-mcp

Agent Claude Code

Expert in rendering interactive UIs and dashboards from data.

not rated 7 +1 4mo ago A 14 tokens original MIT

layout

1188

uselayout/cli

Plugin Claude Code

Bundles 1 skill, 1 hook · 53 tokens together

Serve and enforce your design system in any agent. Bundles the Layout MCP server (design tokens, component specs, compliance checks) and the layout-md skill for writing on-brand UI code.

not rated 7 +1 2mo ago A tokens not measured original MIT

niceui

1190

lxhcool/niceui

Skill Claude CodeCodex

A user-interface design guide that starts with the user's task, the product, its content, and available visual references.

not rated 7 18d ago A 90 tokens

hugo-landing

1191

gerodp/hugo-landing-skill

Plugin Claude Code

Bundles 1 skill · 89 tokens together

Scaffold production-ready Hugo landing page + blog sites: Tailwind CSS, full SEO/JSON-LD, multilingual with hreflang, blog, analytics, and CI/CD for GitHub Pages, Cloudflare Pages, Netlify or AWS Amplify.

not rated 7 +1 1mo ago A tokens not measured original MIT

opensesh/canvas-to-code

Plugin Claude Code

Lists 1 plugin

Single-plugin marketplace for Canvas-to-Code — translates canvas designs (HTML + screenshot) into design-system-aligned code through eleven explicit gates.

not rated 7 +1 3mo ago A tokens not measured original MIT

sudharsank/spfx-enterprise-skills

Skill Claude CodeCodex

Core design guidance for SPFx web parts and extensions. Use for layout, hierarchy, commanding, text, empty states, and responsive behavior when building or reviewing SPFx UX.

not rated 7 +1 6mo ago A 42 tokens

design-skill

1194

TudeOrangBiasa/design-skill

Skill Claude Code

Frontend design partner. Kills AI-slop by teaching 10 tells with positive direction. Five commands: detect, audit, deslop, shape, craft. Model-invoked: flag tells, run detect. User-invoked: grill first.

not rated 7 28d ago A 55 tokens original Apache-2.0

react-review

1196

thereactfoundation/react-skills

Plugin Claude Code

Bundles 1 skill · 115 tokens together

Deep React code review that catches architectural violations, hook misuse, React Compiler incompatibilities, and component design anti-patterns.

not rated 7 5mo ago A tokens not measured

MN-Lizard-Team/aiyu-multi-agent

Cursor rule Cursor

Mandatory design decision process for UI/UX tasks. Deep design thinking phases, anti-cliché rules, Purple Ban, Maestro Auditor, and reality check. Loaded by frontend-specialist and mobile-developer agents.

not rated 7 3mo ago A 42 tokens original Apache-2.0

beacio

1198

wklm/beacio-sdk

Skill Claude CodeCodex

Web Bluetooth SDK — scan, connect, read/write BLE devices from web apps (iOS Safari + Chrome).

not rated 6 18d ago A 25 tokens

validator

1199

swatchdog-dev/swatchdog-mcp

MCP server Claude CodeCodexCursor +2

On-demand drift checks: declared CSS color, radius, spacing & type vs your own tokens or a pack. Remote server at swatchdog-mcp-970396648818.us-central1.run.app.

not rated 6 2mo ago A tokens not measured

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: