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.

new-control

961

tobitege/Flowery.Uno

Cursor rule Cursor needs its repo

This rule outlines the complete workflow for creating a new control in Flowery.Uno, whether it's a brand new control or a port from another library.

not rated 16 yesterday A 0 tokens original MIT

front

962

myysophia/k8s-aiagent-ui

Cursor rule Cursor

You are an expert in JavaScript, React, Node.js, Next.js App Router, Zustand, Shadcn UI, Radix UI, Tailwind, and Stylus.

not rated 16 1y ago A 0 tokens

animation-review

963

jaaaaaaaaaaack/custom-skills

Skill Claude CodeCodex

Review web animations by recording the browser and sending video to Gemini for frame-level analysis.

not rated 15 7mo ago A 19 tokens

nextjs

965

Boopi7/basilic-evm

Cursor rule Cursor

Next.js development standards and patterns.

not rated 15 1y ago A 807 tokens WTFPL

cursorrules

966

awbx/fhir-dsl

Cursor rule Cursor

Use the latest version of Shadcn to install new components, like this command to add a button component.

not rated 15 6mo ago A 45 tokens copy · 100% MIT

webdev-mcp

967

fefergrgrgrg/smileyCoinDev

MCP server Claude CodeCodexCursor +2

An MCP server that provides useful web development tools via MCP server. Runs locally from the webdev-mcp npm package.

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

formily

968

whinc/my-claude-plugins

Plugin Claude Code

Bundles 4 skills · 246 tokens together

Comprehensive guide for using Formily as a React form solution with TypeScript and Ant Design.

not rated 15 9mo ago A tokens not measured

ts-dev-kit

969

jgamaraalv/ts-dev-kit

Plugin Claude Code

Bundles 22 skills, 15 agents · 2,980 tokens together

15 specialized agents and 22 skills for TypeScript fullstack development with Fastify, Next.js, PostgreSQL, Redis, and more.

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

awwwards-animations

970

DevMartinese/awwwards-animations-skill

Skill Claude CodeCodex

Professional React animation skill for creating Awwwards/FWA-level animations using GSAP (useGSAP), Motion (Framer Motion), Anime.js, and Lenis. Use when building premium scroll experiences, custom cursors, page transitions, text animations, parallax effects, micro-interactions, or any animation that needs to be 60fps…

not rated 15 9mo ago A 209 tokens

vue-docs-remote

971

joelbarmettlerUZH/vue-mcp

MCP server Claude CodeCodexCursor +2

One of 2 in .mcp.json

MCP server "vue-docs-remote", hosted remotely at mcp.vue-mcp.org, as configured in joelbarmettlerUZH/vue-mcp.

not rated 15 +1 yesterday A tokens not measured

figbridge

972

rudraptpsingh/figbridge

MCP server Claude CodeCodexCursor +2

Free, local MCP bridge for Figma — HTML, CSS, Tailwind, tokens, agent handoff bundles. Runs locally from the figbridge-mcp npm package. Needs 1 environment variable to run.

not rated 15 +1 27d ago A tokens not measured original MIT

dashboard

973

hubzoid/hubzoid

Skill Claude CodeCodex

Build a polished single-file HTML dashboard (charts, KPIs, tables) from data you have gathered, and save it with writeartifact so the user gets a clickable link. Use when the user asks for a chart, graph, dashboard, report, or any visual summary of numbers.

not rated 15 +1 yesterday A SkillSpector: pass 60 tokens original Apache-2.0

louisyoungx/taro-shadcn

Skill Claude CodeCodex

A command-line guide for adding Shadcn-style interface components to Taro projects, which are apps built with the Taro framework. It covers setting up the project and generating components such as buttons and accordions.

not rated 15 7mo ago A 37 tokens original MIT

AXIOTN/frontend-page-generator

Skill Claude CodeCodex

A front-end page generation skill for building web pages and applications with React, Vue 3, Next.js, Nuxt.js, or simpler HTML-based tools. It covers visual design, API connections, forms, animations, and icons.

not rated 15 +1 5mo ago A 71 tokens original MIT

immersive-web

976

earlyaidopters/marks-pi-harness

Skill Claude CodeCodex

Build award-tier immersive websites with WebGL, scroll choreography, shaders, or pre-rendered video — including turning a supplied video into a scroll-scrubbed site where scroll drives the playhead. Use for any request to build a cinematic, animated, 3D, or scroll-driven site, portfolio, or landing page. Includes a…

not rated 15 +1 2mo ago A 83 tokens original MIT

content-collection

977

incluud/astro-agent-skills

Skill Claude CodeCodex

Set up and evolve Astro content collections with typed schemas and reliable querying patterns.

not rated 15 +1 6mo ago A 19 tokens original MIT

custom-component

978

shapediver/AppBuilderSdk

Cursor rule Cursor

Guide for creating React components using the useProps pattern with Mantine for centralized theme-based styling. Apply when creating or modifying components that need theme integration.

not rated 15 yesterday A 0 tokens original MIT

query-rule

979

Rengod95/expo_template

Cursor rule Cursor

A rule for API requests and React Query hooks, which are React helpers for fetching and caching server data. It covers file structure, query-key factories, types, and fetcher functions.

not rated 14 1y ago A 0 tokens

htmx

980

chand1012/cursorrules

Cursor rule Cursor

HTMX enhances HTML by adding attributes that trigger dynamic behaviors, such as AJAX requests and content updates. Proper use of these attributes is foundational to effective HTMX development.

not rated 14 11mo ago A 0 tokens original MIT

wcag-guidelines-mcp

981

joe-watkins/wcag-mcp

MCP server Claude CodeCodexCursor +2

WCAG MCP server for agentic systems - powered by official W3C data. Runs locally from the wcag-guidelines-mcp npm package.

not rated 14 9mo ago A tokens not measured

stitchflow

982

yshishenya/stitchflow

Plugin Claude Code

Bundles 2 skills · 105 tokens together

StitchFlow turns product briefs into Stitch UI screens, variants, Tailwind-friendly HTML, and screenshots. Works across Codex, Claude Code, and OpenClaw.

not rated 14 5mo ago A tokens not measured original Apache-2.0

chrome-extension

983

marduk191/qwen3_mcp

Skill Claude CodeCodex

Use this skill when building, debugging, or modifying Google Chrome extensions. Triggers on: any mention of 'Chrome extension', 'browser extension', 'manifest.json', 'content script', 'background script', 'service worker' (in extension context), 'popup.html', 'chrome.tabs', 'chrome.runtime', 'chrome.storage'…

not rated 14 9mo ago A 95 tokens original MIT

korean-vibe-fonts

984

seulkikaang/korean-vibe-fonts

Skill Codex

Recommend and apply commercially usable Korean webfonts for vibe-coded frontends, landing pages, portfolios, dashboards, editorial pages, campaign microsites, and developer UIs. Use when Codex needs to choose Korean typography by mood or tone and manner, explain why a font fits a concept, verify that the font is safe…

not rated 14 3mo ago A 103 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: