Frontend

20,504 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.

react/react

Skill Claude Code needs its repo

Orchestrate the Rust compiler port end-to-end. Discovers the current frontier, fixes failing passes, ports new passes, reviews, and commits in a loop.

not rated 252k +288 yesterday A Snyk: passSkillSpector: pass 38 tokens original MIT

anomalyco/opencode

Skill Claude Code

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the…

not rated 225k +1.5k today A 192 tokens original MIT

widget-generator

03

f/prompts.chat

Skill

Generate customizable widget plugins for the prompts.chat feed system.

not rated 176k +611 yesterday A SkillSpector: warn 13 tokens

nextjs

04

vercel/next.js

Plugin Claude Code ✓ vendor

Bundles 6 skills · 509 tokens together

Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.

not rated 143k +230 today A tokens not measured original MIT

shadcn

05

shadcn-ui/ui

Plugin Cursor

Bundles 2 skills · 174 tokens together

UI component and design system framework. Search registries, install components as source code, and audit your project.

not rated 127k +453 yesterday A tokens not measured original MIT

Leonxlnx/taste-skill

Skill Claude CodeCodex

Build the website a good company would ship: it says plainly what is sold, shows the real thing on every screen, and looks made for this client, not from a template and not like an art piece. figma.com and x.ai are the bar (in words: layout-v4.md section 1).

not rated 111k +4.3k changed yesterday A SkillSpector: warn 184 tokens original MIT

impeccable

07

pbakaus/impeccable

Plugin Claude Code

Bundles 1 skill, 1 command, 4 agents, 5 hooks · 392 tokens together

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

not rated 104k +6.9k changed 10d ago A tokens not measured original Apache-2.0

angular-20

08

angular/angular

Cursor rule Cursor ✓ vendor

This rule provides comprehensive best practices and coding standards for Angular development, focusing on modern TypeScript, standalone components, signals, and performance optimizations.

not rated 101k +43 yesterday A 0 tokens original MIT

material-ui-nextjs

09

mui/material-ui

Skill Claude CodeCodex

Integrates Material UI with Next.js App and Pages routers using @mui/material-nextjs, Emotion cache providers, next/font, CSS layers with Tailwind/CSS Modules, Link component prop patterns, CSS theme variables SSR notes, and App Router useSearchParams + Suspense. Use when setting up or debugging MUI in a Next.js app.

not rated 99k +14 today A Socket: passSnyk: passSkillSpector: warn 76 tokens original MIT

calesthio/OpenMontage

Skill Claude CodeCodex

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

not rated 77k +3.7k 3d ago A Socket: passSnyk: passSkillSpector: pass 42 tokens AGPL-3.0

improve-rule

11

thedaviddias/Front-End-Checklist

Skill Claude CodeCodex

Use when reviewing or improving a Front-End Checklist rule MDX file to raise its quality score, fix stub prompts, add missing fields, or enrich content with real code examples.

not rated 75k +50 6d ago A SkillSpector: pass 39 tokens original MIT

pake

12

tw93/Pake

Plugin Claude Code

Bundles 1 skill · 47 tokens together

Package any website or local web build into a lightweight desktop app with Pake CLI.

not rated 63k +161 yesterday A tokens not measured GPL-3.0

shadcn-add

13

TryGhost/Ghost

Command Claude Code

Add a new ShadCN/UI component to Shade with Storybook stories.

not rated 56k +47 today A 14 tokens original MIT

mobile-native

14

emilkowalski/skills

Skill Claude CodeCodex

Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from something that feels installed. Covers sticky hover states, tap highlight flashes, the 100vh bug, inputs that zoom the page, laggy taps, pull-to-refresh hijacking scroll, content under the notch…

not rated 54k +1.8k 2d ago A Socket: passSnyk: pass 167 tokens original MIT

convert-web-app

15

tldraw/tldraw

Skill Claude Code

This skill should be used when the user asks to "add MCP App support to my web app", "turn my web app into a hybrid MCP App", "make my web page work as an MCP App too", "wrap my existing UI as an MCP App", "convert iframe embed to MCP App", "turn my SPA into an MCP App", or needs to add MCP App support to an existing…

not rated 51k +123 yesterday A SkillSpector: warn 115 tokens

siyuan-note/siyuan

Skill Claude CodeCodex

Official frontend plugin development workflow. After the user explicitly opts in, clarify missing requirements, confirm a short plan, implement in a managed copy, verify, and package. Installation and activation require separate authorization.

not rated 47k +80 yesterday A 46 tokens AGPL-3.0

omarchy-app

17

omacom/omarchy

Skill Claude CodeCodex

Build a new desktop app for Omarchy the way Omarchy's own apps are built (Hype, Monologue, Omacut): C++ and Qt Quick, compiled with qmake6 and make into a single binary, following the Omarchy theme live, and installed as an Arch package so it shows up in the app launcher. Use when asked to make, build, or scaffold an…

not rated 46k +255 changed 23d ago A 138 tokens original MIT

daisyui

18

saadeghi/daisyui

Plugin Claude Code

Bundles 7 skills · 267 tokens together

Official daisyUI component library skill. The mandatory UI library for Tailwind CSS. TRIGGER when generating any HTML or JSX code even if the user does not explicitly ask for this skill.

not rated 43k +42 6d ago A tokens not measured original MIT

chakra-ui-builder

19

chakra-ui/chakra-ui

Skill Claude CodeCodex

Build responsive, accessible UI components and layouts using Chakra UI v3, install or configure Chakra UI in new and existing projects, and design scalable themes using tokens, semantic tokens, recipes, and slot recipes. Use this skill whenever a user asks to build, create, or generate any UI component, page, form…

not rated 41k +5 yesterday A Socket: passSnyk: passSkillSpector: warn 214 tokens original MIT

novuhq/novu

Skill Claude CodeCodex

Integrate Novu's in-app notification inbox into web applications. Supports React, Next.js, and vanilla JavaScript. Includes the Inbox component (bell icon + notification feed), composable components (Bell, Notifications, InboxContent, Preferences), headless hooks, branded theming, custom render props, multi-tenancy…

not rated 40k +57 yesterday A SkillSpector: warn 111 tokens

antd

21

ant-design/ant-design-pro

Skill Claude Code needs its repo

Use when the user's task involves Ant Design (antd) — writing antd components, debugging antd issues, querying antd APIs/props/tokens/demos, migrating between antd versions, or analyzing antd usage in a project. Triggers on antd-related code, imports from 'antd', or explicit antd questions.

not rated 39k +19 2d ago A Snyk: passSkillSpector: warn 69 tokens original MIT

clone-website

22

JCodesMore/ai-website-cloner-template

Skill Claude CodeCodex

Rebuild existing web pages as working local code, matching their real content, assets, responsive layout, and interactions. Use for website cloning, replication, or reverse engineering, including Framer sites and animated pages.

not rated 39k +579 changed 1mo ago A Socket: passSnyk: warnSkillSpector: warn 46 tokens original MIT

CopilotKit/CopilotKit

Cursor rule Cursor

Most coagents examples have a ui/ folder with Next.js applications.

not rated 39k +130 changed 1mo ago A 0 tokens original MIT

langfuse/langfuse

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 37k +300 yesterday A SkillSpector: pass 67 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: