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.

css

482

LeXwDeX/OpenCode-GraphAgent

Agent OpenCode

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

not rated 114 16d ago A 9 tokens copy · 100% MIT

testing

483

spences10/sveltest

Cursor rule Cursor

Shared Svelte testing guidance.

not rated 113 changed 1mo ago A 102 tokens original MIT

web-designer-plugin

484

MickeyAlton33/web-designer-plugin

Plugin Claude Code

Bundles 1 skill, 1 command · 90 tokens together

Transforms AI code generation into award-winning web design. Injects real design thinking, creative patterns, and anti-AI-aesthetic techniques extracted from 38 of the world's best-designed websites.

not rated 113 +1 4mo ago A tokens not measured original MIT

htag-development

485

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 4mo ago A 26 tokens

uni-app

486

uni-helper/skills

Skill Claude CodeCodex

Comprehensive skill reference for uni-app cross-platform development framework.

not rated 111 8mo ago A 14 tokens original MIT

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 3mo ago A SkillSpector: pass 129 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 110 +1 1y ago A 111 tokens original MIT

agent-elements

489

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 110 +1 6mo ago A Socket: passSnyk: pass 142 tokens original MIT

winforms-mcp

490

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 110 yesterday A tokens not measured

litefuse/litefuse

Skill Claude CodeCodex

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…

not rated 109 +3 23d ago A 67 tokens

suxrobGM/jobpilot

Skill Claude Code

Migrate a React @tanstack/react-form codebase from the prop-drilled useForm + erased-form-type pattern to the official createFormHook composition API (useAppForm / withForm / field.X). Use when a project threads a form object (often cast to an any-erased type like ReactFormExtendedApi ) through field-wrapper…

not rated 109 +6 yesterday A SkillSpector: pass 158 tokens original MIT

scrollcraft

493

singhharsh1708/scrollcraft

Plugin Claude Code

Bundles 1 skill, 2 commands · 151 tokens together

ScrollCraft (scrollcraft.space): build cinematic scroll-driven websites on your own machine. Turns a video, an image sequence or a generated background into a scroll-scrubbed canvas site, checks what renders in headless Chrome, and emits a static bundle any host can serve.

not rated 109 +9 changed 20d ago A tokens not measured original MIT

mcp-server

494

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 108 +2 2d ago A tokens not measured original Apache-2.0

cursorrules

495

gofenix/nex

Cursor rule Cursor

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

not rated 107 5mo ago A 166 tokens original MIT

refactoring-ui

496

jaywilburn/refactoring-ui-skill

Skill Claude CodeCodex

Comprehensive UI design guidance based on Refactoring UI principles covering design personality, color theory, layout strategy, visual hierarchy, typography, spacing, mobile-first responsive design, and writing copy that doesn't read like AI wrote it. Use this skill whenever the user is creating new pages, building…

not rated 107 +6 5mo ago A 154 tokens original MIT

hk-mock-first

497

deepklarity/harness-kit

Skill Claude Code

Mock-first, layer-by-layer feature development. Instead of building a feature end-to-end and hoping the interface works, start by mocking at the user-facing surface with realistic data, get user acceptance on the experience, then deepen one complexity layer at a time with TDD. Everything is anchored on disk so work…

not rated 104 +1 3mo ago A SkillSpector: pass 126 tokens original MIT

expressive-mvc

498

gabeklein/expressive-mvc

Skill Claude CodeCodex

Class-based state backbone for UI apps (Expressive MVC) - reactive MVC in plain classes that React or @expressive/dom renders. Use when writing or refactoring React state - converting useState/useEffect/useMemo hooks, fixing prop drilling, choosing state ownership (Model vs Component, has-pool domain rows, region…

not rated 103 changed 3d ago A SkillSpector: warn 94 tokens original MIT

t-tools

499

timzaak/web-dev-skills

Plugin Claude Code

Bundles 33 skills, 40 agents · 3,499 tokens together

DDD-driven development skills, sub-agents and workflow commands for Rust, React, miniapp, Flutter, Chrome Extension, and Shopify App projects.

not rated 103 +6 changed 23d ago A tokens not measured original Apache-2.0

start-module

500

virastack/start

Skill Claude Code

Builds or changes a ViraStack Start ready module (installed with npx virastack add ) end to end, from the registry source in this repository to its page on virastack.com (/start/features/ ), whose sections are a live preview with a Code tab and a copyable prompt, Modülde neler var and Nasıl kullanırsın. Use when…

not rated 103 changed 2d ago A 103 tokens original MIT

shopify-hydrogen

501

Shopify/agent-skills

Skill Claude CodeCodex ✓ vendor

Edit src/data/raw-api-instructions/{api}.md in shopify-dev-tools, then run: npm run generateagentskills (outputs to distributed-agent-skills/) -->.

not rated 102 +3 4mo ago C 0 tokens

web-design

502

pascalorg/skills

Skill Claude CodeCodex

Web design reference for building production-grade interfaces. Covers layout, typography, color, spacing, shadows, animation, accessibility, responsive design, components, performance, and UX psychology. Use when building UI, reviewing design quality, choosing design tokens, or making any visual design decision.

not rated 101 1mo ago A 58 tokens

image-taste-frontend

503

antoniolg/agent-kit

Skill Claude CodeCodex

Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards…

not rated 100 5mo ago A 118 tokens

component_reference

504

deeleeramone/PyWry

Skill Claude CodeCodex

These are the ONLY events that work for updating widgets. Use sendevent tool with these event types.

not rated 100 +1 24d ago A SkillSpector: pass 0 tokens original Apache-2.0

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: