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.

convert-web-app

794

AI-Riksarkivet/ra-mcp

Skill Claude Code

This skill should be used when the user asks to "add MCP App support to my web app", "turn my web app into a hybrid MCP App", "make my web page work as an MCP App too", "wrap my existing UI as an MCP App", "convert iframe embed to MCP App", "turn my SPA into an MCP App", or needs to add MCP App support to an existing…

not rated 27 2d ago A SkillSpector: pass 115 tokens original Apache-2.0

shadcn-form-guide

795

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 27 6mo ago A 0 tokens original MIT

frontend-design

796

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 9mo ago A 54 tokens

alessioarzenton/claude-code-wp-toolkit

Skill Claude CodeCodex

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

not rated 26 8mo ago A 42 tokens GPL-3.0

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 26 10d ago A 122 tokens EUPL-1.2

html-style-generator

799

Renais-Star/html-style-generator

Skill Claude CodeCodex

A tool for generating multiple connected HTML page prototypes in different design styles. The generated pages use Simplified Chinese text, custom CSS styling, navigation links, and optional image and icon libraries.

not rated 26 7mo ago A 29 tokens original MIT

refactor-component

800

alexgilev/agentic-ui

Cursor rule Cursor

Trigger with /refactor [ComponentName]. Runs the full 6-pass quality refactoring pipeline on an existing component.

not rated 26 +1 1mo ago A 24 tokens original MIT

react-code

801

gaia-react/gaia

Skill Claude Code

Applies GAIA's patterns and conventions for writing and editing React components and hooks. Use this skill whenever writing or reviewing React components, hooks, or event handlers, or deciding on component extraction. Also trigger when deciding whether a manual memo or "use no memo" is justified under React Compiler…

not rated 26 changed 17d ago A SkillSpector: warn 110 tokens original MIT

clone-team

802

Varalix-Digitech-Solutions/clone-team

Plugin Claude Code

Bundles 1 skill, 5 commands, 5 agents · 898 tokens together

Clone any website with a team of AI agents — pixel-perfect UI clone plus reverse-engineered architecture docs. Built on Claude Code's dynamic Workflow engine with an unskippable test gate; fully pausable and resumable.

not rated 26 4mo ago A tokens not measured original MIT

clone-website

803

giang6283623/minimal-vibe-coding-kit

Skill Codex

Plan, build, and verify an authorized website clone or migration through one front-loaded requirements session and an optional autonomous A-to-Z run. Use for small marketing or content sites, corporate sites, web applications, and small, medium, or large ecommerce projects from local screenshots, mock JSON, owner…

not rated 26 23d ago A SkillSpector: pass 113 tokens original MIT

interface-design

804

jaimevalasek/aioson

Skill Claude CodeCodex

The framework's single design engine: craft-first selection of an intentional visual direction, a stable token system, and UI continuity across screens. A blank designskill resolves to it; only a project-forged skill (site-forge or hybrid output) that designskill names explicitly replaces it. Never combined with…

not rated 26 changed 1mo ago A 71 tokens AGPL-3.0

agents-inc/skills

Skill Claude CodeCodex

CSS animation patterns - transitions, keyframes, scroll-driven timelines, @property, compositor-friendly properties, prefers-reduced-motion.

not rated 26 changed 2mo ago A SkillSpector: pass 30 tokens original MIT

pwa

806

pubky/pubky-app

Cursor rule Cursor

PWA / service worker — shell-only precache, no data caching, user-consented updates, static offline fallback, manifest and install banner.

not rated 26 yesterday A 0 tokens original MIT

wordpress-plugin-dev

807

Zulut30/Wordpress-skills

Skill Claude CodeCodex

Helps agents develop, review, test, secure, optimize, design, integrate, package, and release modern WordPress plugins. Use for WordPress plugin architecture, Gutenberg block work, block.json, REST API, WP admin screens, shortcode implementation, Settings API, WP-CLI workflows, PHPUnit tests, wp-env environments…

not rated 25 +2 5mo ago A 105 tokens original MIT

best-practices

808

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 25 1y ago A 370 tokens

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 changed 1mo ago A SkillSpector: warn 184 tokens original MIT

wechat-styler

810

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 3mo ago A 81 tokens copy · 88% MIT

mcp-antd-components

811

hannesj/mcp-antd-components

MCP server Claude CodeCodexCursor +2

MCP server "mcp-antd-components" as configured in hannesj/mcp-antd-components. Runs locally from the mcp-antd-components npm package.

not rated 25 1y ago A tokens not measured

angular-doctor

812

antonygiomarxdev/angular-doctor

Skill Claude CodeCodex

Run after making Angular changes to catch issues early. Use when reviewing code, finishing a feature, or fixing bugs in an Angular project.

not rated 25 7mo ago A 31 tokens

cloudxr-js-sdk

813

NVIDIA/cloudxr-js-samples

Skill Claude CodeCodex ✓ vendor

Build WebXR streaming clients with NVIDIA CloudXR.js SDK. Use when developing WebXR apps, integrating CloudXR streaming, creating VR/AR web clients, working with @nvidia/cloudxr, or building React Three Fiber XR applications.

not rated 25 changed 24d ago A 52 tokens original Apache-2.0

olakunlevpn/olakunlevpn-filament-skills

Skill Claude CodeCodex

Use when writing, reviewing, or refactoring Filament PHP v5 code -- resources, forms, tables, infolists, actions, widgets, panels, relation managers, multi-tenancy, testing, or plugin development. Always apply these standards to all Filament work.

not rated 25 7mo ago A 64 tokens original MIT

nikships/skills-registry

Skill Claude CodeCodex

Build terminal UIs with Charmbracelet (Bubble Tea, Lip Gloss, Gum). Use when: Go TUI, shell prompts/spinners, "make CLI prettier", adaptive layouts, async rendering, focus state machines, sparklines, heatmaps, kanban boards, SSH apps.

not rated 25 +1 9d ago A SkillSpector: pass 65 tokens original Apache-2.0

spfx

816

SharePoint/spfx-dev-skills

Skill Claude Code

SharePoint Framework (SPFx) development. Use when: "create SPFx project", "new web part", "SPFx extension", "upgrade SPFx", "SPFx upgrade", "update SPFx version", "scaffold SPFx", "SPFx React", "SPFx design", "web part styling", "Fluent UI in SPFx", "SPFx Heft", "gulp to Heft", "PnPjs", "read SharePoint list", "call…

not rated 25 2mo ago A 143 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: