Frontend

19,405 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.

testing

433

spences10/sveltest

Cursor rule Cursor

Comprehensive Testing Best Practices for Svelte 5 + vitest-browser-svelte.

not rated 113 yesterday A 1,818 tokens original MIT

Automattic/wordpress-agent-skills

Skill Claude CodeCodex

WordPress Full Site Editing (FSE) theme architecture. Use when generating theme.json, block templates, template parts, patterns, and functions.php for WordPress block themes.

not rated 112 5mo ago A 41 tokens

motiscope

435

KumarSashank/motiscope

Cursor rule Cursor

Cursor rule "motiscope" from KumarSashank/motiscope, covering motiscope — recreate animations from screen recordings, the division of labor, commands and workflows.

not rated 112 +3 1mo ago A 11 tokens original MIT

htag-development

436

manatlan/htag

Skill Claude CodeCodex

Guidelines and best practices for building modern, state-of-the-art web applications using the htag v2 framework.

not rated 111 2mo ago A 26 tokens

winforms-mcp

437

sillsdev/FieldWorks

MCP server Claude CodeCodexCursor +2

MCP server "winforms-mcp" as configured in sillsdev/FieldWorks. Launched with cmd /c npx -y @fnrhombus/winforms-mcp. Needs 3 environment variables to run.

not rated 111 today A tokens not measured

HorusGoul/eslint-plugin-react-render-types

Skill Claude CodeCodex

Install and configure eslint-plugin-react-render-types in a TypeScript React project. Use when: (1) adding eslint-plugin-react-render-types to a project, (2) configuring ESLint flat config with typed linting for @renders support, (3) troubleshooting typed linting errors or plugin configuration, (4) setting up…

not rated 111 1mo ago A SkillSpector: pass 129 tokens original MIT

css

439

LeXwDeX/OpenCode-GraphAgent

Agent OpenCode

Agent "css" from LeXwDeX/OpenCode-GraphAgent, covering example of correct implementation, reusable components and key clarifications.

not rated 111 +1 today A 9 tokens copy · 100% MIT

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 110 4d ago A SkillSpector: pass 95 tokens original MIT

tidyfactor-styler

441

TidyFactor/Styler

Skill Claude CodeCodex

Production framework styler and surgical RTL UI polish engine with Contextual Decision Layer (CDL). Operates directly inside existing codebases across React/Next.js, PHP, WordPress, and Vanilla HTML/CSS/JS. Trigger on commands 'brief', 'component', 'section', 'page', 'redesign', 'typography', 'palette', 'layout'…

not rated 109 3d ago A 100 tokens

brand-design-md

443

SpaceZephyr/brand-design-md

Skill Claude CodeCodex

A design-code helper that reads design rules from getdesign.md and generates UI code in a requested brand style, such as Apple, Notion, Claude, or Stripe.

not rated 108 5mo ago A 85 tokens

webgl-components

444

flornkm/skills

Skill Claude CodeCodex

Build small, always-on WebGL visuals (identity avatars, ambient orbs, glass and iridescent surfaces, animated textures) that ship inside a normal web app UI without wrecking performance, accessibility, SSR, or layout. Use whenever a shader-, GLSL-, or canvas-driven decorative element is added to a product UI…

not rated 108 +2 19d ago A SkillSpector: pass 113 tokens original MIT

wsimmonds/claude-nextjs-skills

Skill Claude Code

Guide for advanced Next.js App Router patterns including Route Handlers, Parallel Routes, Intercepting Routes, Server Actions, error boundaries, draft mode, and streaming with Suspense. CRITICAL for server actions (action.ts, actions.ts files, 'use server' directive), setting cookies from client components, and form…

not rated 108 10mo ago A 111 tokens original MIT

dile-components

446

Polydile/dile-components

Skill Claude CodeCodex

Use when building or modifying UI with the Dile Components library (@dile/ui, @dile/crud, @dile/editor, @dile/utils, @dile/lib, @dile/iconlib, @dile/icons) — a framework-agnostic, Lit-based web component catalog. Trigger when installing/importing dile- custom elements, using tags like , , , building CRUD screens…

not rated 106 today A SkillSpector: pass 123 tokens original MIT

cursorrules

447

gofenix/nex

Cursor rule Cursor

Refer to AGENTS.md for the full set of principles.

not rated 106 3mo ago A 166 tokens original MIT

agent-skills

448

mblode/agent-skills

Plugin Claude Code

Bundles 26 skills · 1,825 tokens together

Skills for the parts of shipping that code review never covers: the loading states, the type scale, and whether half the diff is AI slop.

not rated 106 +3 today A tokens not measured original MIT

pencil-extract

449

tedydonel/Heisenberg

Skill Claude CodeCodex

Use when extracting any Pencil design into Heisenberg Blade components. Enforces repo placement, token-only scoped CSS, prop-driven Blade, responsive output, and browser verification.

not rated 104 +1 6d ago A SkillSpector: pass 39 tokens original Apache-2.0

expressive-mvc

450

gabeklein/expressive-mvc

Skill Claude CodeCodex

Class-based reactive state management for React (Expressive MVC). Use when writing or refactoring React state - converting useState/useEffect/useMemo hooks, fixing prop drilling, choosing state ownership (State vs Component, has-pool domain rows, region controllers), dependency snapshots, presence boundaries with…

not rated 103 2d ago A SkillSpector: warn 82 tokens original MIT

html-design

451

NimaChu/html-design

Skill Claude CodeCodex

Create, redesign, repair, validate, preview, and package lightweight standalone HTML deliverables. Use for marketing experiences, product prototypes, infographics, motion narratives, documents, browser tools, dashboards, guided workflows, knowledge interfaces, mini-games, presentations, reusable style and brand…

not rated 101 changed 4d ago A 82 tokens

shadcn

452

blencorp/claude-code-kit

Skill Claude CodeCodex

Best practices for using shadcn/ui components with Tailwind CSS and Radix UI primitives.

not rated 101 9mo ago A 58 tokens original MIT

cometchat-skills

453

cometchat/cometchat-skills

Plugin Claude Code

Bundles 119 skills · 8,515 tokens together

100+ skills across six families (web / native React Native / Angular / Android V5+V6 / iOS V5 / Flutter V5+V6) for integrating CometChat. The /cometchat dispatcher detects your framework, asks only what the API can't infer, and writes a working chat integration. v4.3.0 adds Visual Builder integration across 5…

not rated 101 +7 1mo ago A tokens not measured

mcp-server

454

UI5/mcp-server

MCP server Claude CodeCodexCursor +2

MCP server for SAPUI5/OpenUI5 development. Runs locally from the @ui5/mcp-server npm package. Needs 5 environment variables to run.

not rated 99 today A tokens not measured original Apache-2.0

agent-elements

455

21st-dev/agent-elements

Skill Claude CodeCodex

Use whenever the user wants to build or modify a chat, agent, or tool-calling UI in a React 19 + Tailwind v4 project — especially if the code imports from @/components/agent-elements/ or the project has that folder on disk. Triggers: "agent chat", "tool call UI", "streaming chat", "plan approval", "AgentChat"…

not rated 99 +1 4mo ago A Socket: passSnyk: warn 142 tokens original MIT

agentos-ui-ux

456

SapienXai/AgentOS

Skill Codex

Design, review, or implement AgentOS UI and UX work using the project’s operator-console visual system. Use for React/Tailwind pages, cards, dialogs, mobile layouts, theme work, navigation, forms, empty/loading/error states, and UI consistency reviews in AgentOS.

not rated 100 +1 changed 3d ago A SkillSpector: warn 62 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: