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.

dodo-reach/hermes-link-curator

Skill Claude CodeCodex needs its repo

Maintain and debug the link-curator web dashboard (port 8090). Separate process from the official Hermes dashboard.

not rated 146 +1 5mo ago A 28 tokens original MIT

svelte

410

aker-dev/microfolio

MCP server Claude CodeCodexCursor +2

The CLI version of the Svelte MCP. Runs locally from the @sveltejs/mcp npm package.

not rated 145 15d ago A tokens not measured original MIT

svelte

411

humanspeak/svelte-markdown

Cursor rule Cursor

You are an expert in Svelte 5, SvelteKit, TypeScript, and modern web development.

not rated 145 9d ago A 2,208 tokens original MIT

oil-frontend

412

oil-oil/oil-frontend

Skill Codex

A set of instructions for building and reviewing product front ends, meaning the visible part of an application that users interact with. It covers pages, components, forms, data flow, layout, styling, responsive behavior, and animations.

not rated 144 +4 changed 1mo ago A 158 tokens original MIT

avoid-ai-design

413

funboy322/avoid-ai-design

Skill Claude CodeCodex

Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"), both the first-order defaults (purple gradients, Inter, a centered hero over three cards, untouched shadcn) and the second-order "tasteful AI" ones (cream with terracotta, near-black with acid green, all-caps mono chrome, one accented…

not rated 144 +7 changed 1mo ago A 176 tokens original MIT

color

414

innei-template/smart-webapp-template

Cursor rule Cursor

You should use @https://github.com/Innei/Pastel Pastel color system with kawaii-inspired OKLCH colors and TailwindCSS v4 integration.

not rated 143 15d ago A 3 tokens original MIT

bricks

415

wpgaurav/bricks-skills

Skill Claude CodeCodex

Author Bricks Builder (WordPress) layouts, templates, and full designs as paste-ready JSON. Use for any Bricks task — sections, pages, headers/footers, query loops, ACF/dynamic data, faceted filters, conditions, interactions/animations, popups, WooCommerce templates, custom elements, or hooks. Verified against Bricks…

not rated 143 9d ago A 83 tokens

silk-design

416

bendrape1-byte/silk-design

Skill Claude CodeCodex

Build websites and web UI with smooth, polished, high-end motion by default — the buttery feel of premium sites, not static slop. Use when building or restyling any website, landing page, hero, marketing page, portfolio, or web UI; when adding scroll animations, reveals, parallax, marquees, hover effects, page…

not rated 143 +1 2mo ago A 140 tokens original MIT

wpgaurav/generateblocks-skills

Skill Claude CodeCodex

Build and audit WordPress layouts with GenerateBlocks V2, including CSS Mode, responsive at-rules, dynamic data, Pro components, and recovery-safe block serialization. Use for new GB layouts, conversions, repairs, and hand-authored block markup.

not rated 142 changed 10d ago A 55 tokens

accessible-motion

419

dylantarre/animation-principles

Skill Claude CodeCodex

Use when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, or designing for users with motion sensitivity.

not rated 142 +4 10mo ago A Socket: passSnyk: pass 27 tokens original MIT

maquina-ui-standards

420

maquina-app/maquina_components

Skill Claude CodeCodex

Build consistent, accessible UIs in Rails using maquinacomponents. Use this skill when implementing UI for features, creating views, building forms, or reviewing UI specs. Triggers on view creation, UI implementation, form building, layout design, or mentions of maquinacomponents usage.

not rated 140 9d ago A SkillSpector: warn 61 tokens original MIT

mcp

421

webflow/mcp-server

MCP server Claude CodeCodexCursor +2

AI-powered design and management for Webflow Sites. Remote server at mcp.webflow.com.

not rated 140 yesterday A tokens not measured original MIT

cursorrules

422

AmoabaKelvin/logdeck

Cursor rule Cursor

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

not rated 140 +6 7d ago A 43 tokens GPL-3.0

antd

423

shuyu-labs/Text2Sql.Net

Cursor rule Cursor

A set of guidance for improving user interfaces built with Blazor and the Ant Design Blazor component library. Blazor is a Microsoft framework for building web interfaces with .NET, while Ant Design Blazor provides reusable interface components.

not rated 139 12mo ago A 0 tokens original Apache-2.0

instructa/agent-skills

Skill Claude CodeCodex

Build, critique, and iterate high-converting marketing or product landing pages using React + Vite + TypeScript + Tailwind and shadcn/ui components, with all icons sourced from Iconify. Use when the user asks for a landing page, sales page, signup page, CRO improvements, above-the-fold vs below-the-fold structure…

not rated 139 2d ago A 95 tokens

IgniteUI/igniteui-cli

Skill Claude Code

Identify and select the right Ignite UI Web Components for your app UI, then navigate to official docs, usage examples, and API references.

not rated 137 yesterday A SkillSpector: pass 34 tokens original MIT

antd

427

ant-design/antd-skill

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 137 7mo ago A Socket: passSnyk: pass 69 tokens original MIT

create-db-component

428

db-ux-design-system/core-web

Skill Claude CodeCodex

Creates a new DB UX Design System component with Mitosis source, SCSS, typed model, and a cross-framework Playwright interaction test.

not rated 137 changed 1mo ago A 33 tokens

creativity

429

TheGoat395/Codex-Skills

Skill Codex

Generate original ideas or escape fixation.

not rated 137 +1 changed 1mo ago A SkillSpector: pass 10 tokens original MIT

mendixlabs/mxcli

Skill Claude Code

Reproduce a Claude Design prototype or design handoff (HTML/CSS, .dc.html export, tokens, screenshots) inside a Mendix app: build the palette with mxcli theme create --from, then apply classes in pages with MDL. Use when given a design artefact and asked to make the app look like it.

not rated 137 +4 changed 20d ago A SkillSpector: pass 74 tokens original Apache-2.0

alex-durango/pingfusi

Skill Codex

Beautify or redesign an existing website through iterative pingfusi review rounds with a real human reviewer. Use when asked to "beautify this website," "make this page look professional," "polish this UI/design," "improve the visual design," or finish an AI-built page when there is no reference site to match. Do not…

not rated 137 +2 1mo ago A SkillSpector: pass 95 tokens original MIT

fredm00n/framerlabs

Skill Claude Code

Create Framer Code Components and Code Overrides. Use before writing or editing any .tsx for Framer, including deciding whether a feature needs code at all. Covers building custom React components for Framer, writing Code Overrides (HOCs) to modify canvas elements, implementing property controls, working with Framer…

not rated 136 changed 21d ago A Socket: passSnyk: passSkillSpector: pass 93 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: