Frontend

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

figma-mcp-pro

721

artemsvit/Figma-MCP-Pro

MCP server Claude CodeCodexCursor +2

A Claude Desktop MCP server for Figma that retrieves design data, downloads assets, and processes designer comments for AI-powered design implementation. Runs locally from the figma-mcp-pro npm package.

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

nextjs

722

link2004/cursorrules-nextjs

Cursor rule Cursor

A set of rules for projects built with Next.js, a framework for making web applications with React. The input only identifies these as general Next.js principles and gives no specific rules.

not rated 27 11mo ago A 1,062 tokens

electrik-slate

723

electrikhq/slate

Skill Cursor

Build Laravel Blade UI with Electrik Slate 3.x and optional slate-blocks. Use when writing x-slate or x-slate-block components, Livewire forms, tokens, toasts, blocks, or when the user mentions Slate, electrik/slate, electrik/slate-blocks, or slate.electrik.dev.

not rated 27 +2 2d ago A SkillSpector: warn 72 tokens original MIT

foreman

724

Turki-Sh/Foreman

Plugin Claude Code

Bundles 1 skill · 204 tokens together

A build playbook for shipping real websites with coding agents. The agent interviews you, forces the decisions, locks a visual system, writes the brief, builds it or hands it off, then verifies, ships, and indexes.

not rated 27 +3 16d ago A tokens not measured original MIT

tui-design

725

gfargo/tui-design-skill

Plugin Claude Code

Bundles 1 skill · 135 tokens together

Design and build clean, professional, minimal terminal UI (TUI) applications and command-line tools — covers Bubble Tea, Ratatui, Textual, Ink, plus universal patterns for layout, color, keybindings, and discoverability.

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

tale-project/tale

Skill Claude CodeCodex

Run this as the FINAL review step once you have finished a UI change you can load in a browser — it is the visual-regression gate, run once at the end (not after every edit), and the change is not done until it reports score: 100. It drives a real browser over the page, auto-detects its relevant elements (no…

not rated 27 +2 today A SkillSpector: pass 190 tokens original MIT

assistant-ui

727

assistant-ui/skills

Plugin Claude Code

Bundles 17 skills · 4,157 tokens together

Skills for building AI chat interfaces with the assistant-ui React library.

not rated 27 +2 changed 5d ago A tokens not measured

offline-first-pwa

728

mattiasgeniar/offline-first-pwa

Skill Claude CodeCodex

Rules for building offline-first Progressive Web Apps that launch instantly from the home screen. Use when building, reviewing or debugging a PWA, or anything touching a service worker, a web app manifest, precaching, an in-app update prompt, iOS home screen behaviour, or safe-area/notch layout.

not rated 27 +3 22d ago A 66 tokens

mimikyu

729

3x-haust/Mimikyu

Skill Claude CodeCodex needs its repo

A workflow that converts a Figma design into web code and checks the rendered page against the original design. It uses saved design data, screenshots, pixel differences, and structural checks to guide repeated fixes.

not rated 27 +16 changed 2d ago A 199 tokens original MIT

best-practices

730

johnlindquist/get-rules

Cursor rule Cursor

Your task: When using useEffect in React components, ensure dependency arrays are correctly managed to prevent infinite loops and optimize performance.

not rated 26 1y ago A 370 tokens

frontend-design

731

AnswerZhao/agent-skills

Skill Claude CodeCodex

Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when building websites, web applications, React/Vue components, dashboards, landing pages, or any web UI requiring both design consistency and aesthetic quality.

not rated 26 7mo ago A 54 tokens

raycast-extension

732

johnlindquist/claude

Skill Claude CodeCodex

Build Raycast extensions with React and TypeScript. Use when the user asks to create a Raycast extension, command, or tool.

not rated 26 +1 8mo ago A 31 tokens

remymaker-local

733

willjim/RemyMaker

Skill Claude CodeCodex

A local launcher for RemyMaker, a bundled web application that runs on the developer's computer without installing packages.

not rated 26 +2 11d ago A 79 tokens original MIT

web-image

734

whyubel1eve/web-image-skill

Skill Claude CodeCodex

A way to create PNG images by describing their layout with HTML and CSS and rendering it in a browser.

not rated 26 +3 20d ago A 511 tokens original MIT

overall

735

geebos/v2ex-stats

Cursor rule Cursor

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

not rated 26 21d ago A 425 tokens

shadcn-form-guide

736

dyeoman2/tanstack-start-template

Command Claude CodeCursor

This guide demonstrates proper ShadCN form implementation using @tanstack/react-form with the October 2025 component suite (Field, InputGroup, etc.).

not rated 26 4mo ago A 0 tokens original MIT

guramzhgamadze/WordPress-Elementor-Skill

Skill Claude CodeCodex

Expert WordPress and Elementor Pro development skill. Use this whenever the user asks about WordPress theme development, Elementor Pro customization, plugin architecture, custom post types, hooks/filters, Loop Grids, Dynamic Tags, Theme Builder templates, off-canvas UIs, custom CSS/JS injection, performance…

not rated 25 18d ago A SkillSpector: warn 184 tokens original MIT

pdf-press

738

kdcube/kdcube

Skill Claude Code

Teaches agents how to generate Markdown, HTML (with embedded SVG), and Mermaid content that renders beautifully to multi-page PDF via writepdf, with proper page breaks, compact professional layouts, brand and domain-adaptive color schemes, multi-column support for scientific papers, magazine-style editorial documents…

not rated 25 today A SkillSpector: warn 74 tokens original MIT

element-plus-skills

740

jiaiyan/element-plus-skills

Skill Claude CodeCodex

Element Plus Skills Library - A comprehensive skill library for AI agents to understand and utilize Element Plus UI components. Invoke when user needs to work with Element Plus components, theming, i18n, dark mode, or design specifications.

not rated 25 6mo ago A 51 tokens original MIT

naive-ui

741

Sepush/naive-ui-skills

Skill Claude CodeCodex

Use when working with naive-ui components, or troubleshooting naive-ui usage issues.

not rated 25 6mo ago A Socket: passSnyk: pass 19 tokens original MIT

wechat-styler

742

zjp1997720/wechat-styler

Skill Codex

A tool that converts Markdown articles into inline-styled HTML for WeChat Official Accounts, China's publishing platform. It offers selectable visual themes and optional structured components and an opening SVG animation.

not rated 25 +1 1mo ago A 81 tokens copy · 88% MIT

Amsterdam/amsterdam-agent-skills

Skill Claude CodeCodex

Mandatory for all Gemeente Amsterdam UI work. Use for pages, layouts, forms, dashboards, landing pages, React/JSX/TSX components, styling, theming, scaffolding frontend projects, or any visual interface. Covers @amsterdam/design-system-react, CSS tokens (--ams-), BEM CSS with ams- prefixes, 4/8/12-column Grid…

not rated 25 1mo ago A 122 tokens EUPL-1.2

compat-ui

744

wcoreing/WWorkbench

Cursor rule Cursor needs its repo

A set of front-end interaction rules for Compat, a compatibility layer for Wails and WebView applications. It defines how controls, menus, dialogs, focus, and outside-click behavior should work.

not rated 25 4d ago A 0 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: