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.

dazeb/mcp-react-component-harvester

MCP server Claude CodeCodexCursor +2

MCP server "mcp-component-harvester" as configured in dazeb/mcp-react-component-harvester. Runs locally from the mcp-component-harvester npm package.

not rated 8 1y ago A tokens not measured

building-blog

1130

BuildShipGrowRepeat/nextjs-sanity-blog-skill

Plugin Claude Code

Bundles 1 skill · 94 tokens together

Opinionated, batteries-included spec for adding an SEO-first, i18n-ready blog to a Next.js + Sanity site. Walks 40 intake questions, scans the project, drafts a one-page plan for approval, then implements against a 20-section technical spec with pass/fail checklist. Includes a working generator for AI hero images via…

not rated 8 3mo ago A tokens not measured original MIT

figma-build

1131

Kemdirimakujuobi/skills

Skill Claude CodeCodex

Implement a Figma design to a measured 1:1 match by round-tripping — build from the extracted tokens, render it, screenshot it, diff it against Figma numerically, fix every discrepancy, repeat until the delta is zero across every state and both themes. Use when building, implementing, porting, or restyling any UI from…

not rated 8 22d ago A 104 tokens original MIT

uigraph

1132

kanetran29/uigraph

Skill Claude CodeCodex

Use when driving a uigraph workspace over MCP — building or auditing the UI transition graph, reconciling LLM proposals, or running Tier-3 runtime verification. Load before calling any uigraph tool.

not rated 8 +2 1mo ago A 44 tokens original MIT

i18n-guidelines

1133

tanchaowen84/GameSiteTemplate

Cursor rule Cursor

Cursor rule "i18n-guidelines" from tanchaowen84/GameSiteTemplate, covering i18n (internationalization) guidelines (using next-intl), core principles, versioning & installation, configuration & setup and usage.

not rated 8 1y ago A 3,548 tokens

figma-to-react

1134

gbasin/figma-to-react

Plugin Claude Code

Bundles 1 skill, 1 hook, 1 MCP server · 19 tokens together

figma-to-react. Claude Code plugin for converting linear Figma screen flows into React components with exact assets, iOS-native animations, and automated visual verification.

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

imugi-ai

1135

M00N7682/imugi

MCP server Claude CodeCodexCursor +2

Design to Code — AI-powered frontend builder with visual verification. Runs locally from the imugi-ai npm package.

not rated 8 5mo ago A tokens not measured original MIT

design-engineer

1136

ddruids/design-engineer

Plugin Claude Code

Bundles 1 skill · 216 tokens together

Unified design engineering agent — converts Figma designs into production-ready frontend systems and enforces an opinionated engineering handbook (React, Next.js App Router, TypeScript, Tailwind, ShadCN, Framer Motion, a11y, performance, AI/trading/crypto UI patterns).

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

solidjs-v2-skills

1137

khmm12/solidjs-v2-skills

Plugin Claude Code

Bundles 3 skills · 295 tokens together

SolidJS 2.0 skills for Claude Code: write, migrate, and review solid-js 2.x code without React/1.x reflexes.

not rated 8 +4 changed 9d ago A tokens not measured

21st-registry

1138

21st-dev/skill

Skill Claude CodeCodex

Publish your own work to 21st.dev and manage it from the terminal with the 21st CLI (@21st-dev/cli): publish a React component to a team library, publish a CSS theme or a template listing, edit / unpublish / delete your published items, list and reopen existing component work, and read/replace your public profile page…

not rated 8 +4 3d ago A Socket: passSnyk: fail 259 tokens original Apache-2.0

neuralng-angular

1139

hasanaydin7/NeuralTech

Skill Codex

Build or update Angular 22+ interfaces with NeuralNg when exact component selection, imports, forms, accessibility, SSR, icons, or theming guidance is needed.

not rated 8 +1 yesterday A SkillSpector: warn 38 tokens original MIT

fp-react

1140

tmolavi/mcp-agent-skills-hub

Skill Claude CodeCodex

Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Works with React 18/19, Next.js 14/15.

not rated 8 17d ago A SkillSpector: pass 37 tokens original MIT

PMDevSolutions/Aurelius

Skill Claude Code needs its repo

Orchestrates end-to-end Figma-to-React conversion pipeline with enforced TDD, automated pixel-diff visual QA, E2E testing, and app-type awareness (web apps, Chrome extensions, PWAs). Keywords: Figma to React, design tokens, autonomous component generation, Figma conversion, Tailwind config, component library, TDD…

not rated 8 2d ago A 0 tokens original MIT

chyinan/terminal-ui-design-system

Skill Claude CodeCodex

Create terminal-inspired UI interfaces with macOS-style window decorations, monospace typography, and a warm color palette. Use this skill when building developer tools, code marketplaces, technical documentation sites, or any interface that benefits from a terminal/command-line aesthetic. Provides complete design…

not rated 7 7mo ago A 75 tokens

xonack/wp-ux-design-claude-skill

Plugin Claude Code

Bundles 1 skill · 59 tokens together

WordPress UX/design enforcement skill covering Core Web Vitals, mobile-first design, typography systems, color management, navigation UX, page builder patterns, and loading/error states.

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

core-web-vitals

1146

thisisAhsanIqbal/nextjs-seo-audit

Skill Claude CodeCodex

Audits HTML patterns that affect Core Web Vitals (LCP, CLS, INP). Checks for layout shift causes, largest contentful paint blockers, and interaction responsiveness issues. Use when optimising page performance or fixing Google PageSpeed Insights warnings.

not rated 7 6mo ago A 55 tokens original MIT

aimeat-app-builder

1148

miikkij/aimeat-protocol

Skill Claude CodeCodex

Build and publish AIMEAT apps. This OpenHands is wired to an AIMEAT node over MCP (the aimeat tools). When the user asks to build, make, or publish an app, a game, a tool, or anything "on AIMEAT" / "to aimeat.io", follow the workflow below.

not rated 8 today B 74 tokens original MIT

arbitrum-dapp-skill

1149

hummusonrails/arbitrum-dapp-skill

Skill Claude CodeCodex needs its repo

Opinionated guide for building dApps on Arbitrum using Stylus (Rust) and/or Solidity. Covers local devnode setup, contract development, testing, deployment, and React frontend integration with viem. Use when starting a new Arbitrum project, writing Stylus or Solidity contracts, deploying to Arbitrum, or building a…

not rated 7 3mo ago A 85 tokens original MIT

doeixd/solid-skill

Skill Claude CodeCodex

Guidance for writing, reviewing, and refactoring SolidJS 1.x code using idiomatic APIs and reactivity patterns. Use this whenever the user is working in SolidJS 1.x and asks for help with components, signals, props, memos, effects, stores, control flow, or why a Solid component is not updating correctly. Also use it…

not rated 7 1mo ago A 111 tokens

suanfish-design-system

1151

SuanFishXYY/suanfish-design-system

Skill Claude CodeCodex

A Chinese design system for creating and reviewing web interfaces, with multiple design perspectives working together. It focuses on React and Tailwind-based projects.

not rated 7 2mo ago A 293 tokens

input-anticipation

1152

seangeng/skills

Skill Claude CodeCodex

Implement anticipatory UI — interfaces that react to pointer intent before the click. Three patterns: a proximity focus ring that warms as the cursor nears a field, a magnetic target that leans toward the cursor, and trajectory prediction that arms/prefetches the element the cursor is heading toward. Use this skill…

not rated 7 2mo ago A 221 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: