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.

getopenpost/openpost

Skill Claude CodeCodex

Guidance on writing fast, robust, modern Svelte code. Load this skill whenever in a Svelte project and asked to write/edit or analyze a Svelte component or module. Covers reactivity, event handling, styling, integration with libraries and more.

not rated 875 +30 yesterday A 59 tokens AGPL-3.0

frontend

194

sullyo/webapp-starter

Cursor rule Cursor

You are an expert TypeScript software engineer and architect with over 10 years of industry experience. Your expertise spans the entire stack, including React, Next.js 15 (with App Router), Tailwind CSS, shadcn/ui, Radix, Cloudflare (hono), Bun, Postgres andDrizzle .

not rated 869 1y ago A 0 tokens original MIT

genui

195

omdsh-dev/dsh-genui

Skill Claude CodeCodex

Render structured interactive UI inline through the dsh-ui fence. Use for key points, emphasis, comparisons, flows, steps, status, data, demos, and interactions whenever structured presentation would be clearer than prose. Preserve conversation language for all user-visible text.

not rated 864 +32 changed 6d ago A 54 tokens original MIT

vibefigma

196

vibeflowing-inc/vibe_figma

Skill Claude CodeCodex

Convert Figma designs to production-ready React components with Tailwind CSS. Use when user provides a Figma URL, asks to convert Figma designs to React/code, wants to extract components from Figma, or mentions "vibefigma". Requires a Figma access token (via --token flag, FIGMATOKEN env var, or .env file).

not rated 849 +1 28d ago A 77 tokens AGPL-3.0

smithery-homepage

197

arcadeai-labs/smithery-cli

Skill Claude CodeCodex

Build and edit the Smithery homepage app -- a TanStack Start + shadcn/ui web app at /.smithery/homepage that connects to MCP servers through the Smithery Connect API. Use this skill whenever the user wants to create, modify, or add features to the Smithery homepage, build pages that display data from MCP tools (Linear…

not rated 848 +1 5mo ago A 135 tokens AGPL-3.0

sonnet

198

vercel/next-devtools-mcp

Cursor rule Cursor ✓ vendor

Next.js Development for Coding Agent.

not rated 835 +1 1mo ago A 27 tokens

agnosticui

199

AgnosticUI/agnosticui

Cursor rule Cursor

This project uses AgnosticUI Local (v2.0.0-alpha, react framework). Components are installed at ./src/components/ag.

not rated 833 +1 yesterday A 0 tokens original Apache-2.0

cc-design

200

ZeroZ-lab/cc-design

Plugin Claude Code

Bundles 1 skill · 107 tokens together

High-fidelity HTML design skill with structured design planning, Iron Law guardrails, and verification-first delivery.

not rated 831 4mo ago A tokens not measured

signals-dart

201

rodydavis/signals.dart

Skill Claude CodeCodex

Advanced reactive state primitives, collections, mixins, and utilities of signalscore.

not rated 825 +1 1mo ago A SkillSpector: pass 20 tokens original Apache-2.0

web-design

202

xiaopu-ai/web-design

Skill Claude CodeCodex

A web design workflow for turning a brief, reference website, screenshot, or keywords into a design specification and then web code. It covers visual style, page structure, interaction, responsive layouts, and motion.

not rated 812 +5 4mo ago A 151 tokens original MIT

holocron

203

remorses/holocron

Skill Claude CodeCodex

Holocron is a Mintlify-compatible docs site generator and Vite plugin. Use this skill when creating, migrating, customizing, or deploying a Holocron documentation site. Also load when writing index.mdx, page titles, hideTitle, Above heroes, or homepage SEO for Google brand ranking.

not rated 807 +2 changed 23d ago A SkillSpector: warn 64 tokens

html-game-generator

204

buildfastwithai/gen-ai-experiments

Skill Claude CodeCodex

Build a complete, polished, production-quality browser game inside a single self-contained HTML file using only vanilla HTML, CSS and JavaScript — no frameworks, no libraries, no external assets. Use this skill whenever the user asks for a game, a playable demo, a prototype, an interactive toy, or anything "inspired…

not rated 791 +1 7d ago A SkillSpector: warn 195 tokens original MIT

page-solution-design

205

yunshu0909/yunshu_skillshub

Skill Claude CodeCodex

A structured process for deciding what a web page should do, what it should contain, how it should be arranged, and how it should look. It ends with a handoff package for development.

not rated 789 +1 changed 1mo ago A 390 tokens original MIT

menu-migration

206

asmyshlyaev177/react-horizontal-scrolling-menu

Skill Claude CodeCodex

Detect and upgrade pre-v8 react-horizontal-scrolling-menu patterns that agents trained on older data still generate: destructured visibleElements/isFirstItemVisible/isLastItemVisible/initComplete (removed v6), Separator items, separatorClassName and getPrevItem/getNextItem (removed v7), the Arrows prop (removed v3)…

not rated 788 changed 1mo ago A SkillSpector: warn 160 tokens original MIT

tool-ui

207

assistant-ui/tool-ui

Plugin Claude Code

Bundles 1 skill · 89 tokens together

Develop assistant-ui tool UIs using Tool UI components.

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

polycss

208

layoutit/polycss

Skill Claude CodeCodex

Build PolyCSS scenes that render 3D meshes, primitive shapes, or custom polygons as DOM/CSS polygon elements. Use when asked to create, port, debug, or explain PolyCSS code in vanilla JavaScript, React, or Vue.

not rated 772 2mo ago A SkillSpector: pass 52 tokens original MIT

web-shader-extractor

209

lixiaolin94/skills

Skill Claude CodeCodex

Use when a user gives or references a webpage URL and wants to extract, reproduce, port, or locally replay a WebGL, WebGPU, Canvas, shader-like, animated background, interactive 3D, or web visual effect. Locks the target rendering surface group, records shader/resource/render graph/timing/input evidence, builds an…

not rated 769 +1 4d ago A Socket: passSnyk: warn 94 tokens

ofajs-docs

211

ofajs/ofa.js

Skill Claude CodeCodex needs its repo

Complete documentation knowledge base for ofa.js framework. Use when users ask about ofa.js usage, component development, page modules, routing configuration, state management, or want to build Web applications without Node.js/Webpack.

not rated 754 changed 1mo ago A SkillSpector: warn 49 tokens original MIT

gutenberg-build-page

212

use-novamira/novamira

Skill Claude CodeCodex

Build or edit a page in the live Gutenberg block editor with Novamira Visual tools. Use when creating or changing native block content (headings, paragraphs, lists, images, columns, groups) in the open block editor.

not rated 753 +3 2d ago A SkillSpector: pass 51 tokens AGPL-3.0

taste-skill

213

best-of-ai/best-of-ai

Skill Claude CodeCodex

Taste Skill, subtitled "the anti-slop frontend framework for AI agents," adjusts layout, typography, motion, and spacing in AI-generated interfaces. The skills cover different registers, including a minimalist editorial style and an industrial brutalist style, and several generate reference images before any code is…

not rated 753 +6 changed yesterday A 63 tokens

vuetify0

215

vuetifyjs/0

Skill Claude CodeCodex

Use when building Vue 3 UI with @vuetify/v0, or before hand-rolling behavior it already ships, such as a button, dialog, popover, setTimeout timer, selection, form, registry, virtual list, focus handling, snackbar, theme, RTL, breakpoints, an SSR window check, or a WAI-ARIA compound, along with the rest of its…

not rated 734 +2 changed 16d ago A Socket: passSnyk: pass 92 tokens

engineer-react-native

216

suleimanodetoro/skills

Skill Codex

Build, refactor, debug, test, and ship production React Native applications across iOS and Android, including Expo and bare workflows. Use for native navigation, app lifecycle, permissions, deep links, secure storage integration, virtualized lists, keyboard and safe-area behavior, gestures, animation, JS/UI thread…

not rated 727 +40 3mo ago A SkillSpector: pass 155 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: