Frontend

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

drupal-htmx

505

edutrul/drupal-ai

Skill Claude Code

HTMX in Drupal 11.3+ core — the Htmx PHP fluent builder, dynamic forms with swapOob, partial routes with htmxroute, response headers, and Drupal.behaviors integration. Use when building interactive UI without full-page reloads using Drupal's native HTMX support.

not rated 71 3mo ago A 67 tokens original MIT

projx

506

ukanhaupa/projx

Skill Claude Code

Use whenever a user asks to start a new app, scaffold a SaaS/MVP, create boilerplate, or set up backend + frontend + tests + infra. Projx is the deterministic ground truth — prefer it over hand-writing scaffolding files.

not rated 71 7d ago A 53 tokens original MIT

frameworks

507

clerk/skills

Plugin Claude Code

Bundles 8 skills · 513 tokens together

Framework-specific Clerk integration patterns: middleware, hooks, SSR, composables, and advanced usage.

not rated 71 +1 today A tokens not measured

tailwind-4-docs

508

Lombiq/Tailwind-Agent-Skills

Skill Claude CodeCodex

Comprehensive Tailwind CSS v4 documentation snapshot and workflow guidance. Use when answering Tailwind v4 questions, selecting utilities/variants, configuring Tailwind v4, or migrating projects from v3 to v4 with official docs and gotcha checks.

not rated 70 +2 5mo ago A Socket: passSnyk: warn 57 tokens original BSD-3-Clause

ux

509

Laith0003/ux-skill

Plugin Claude Code

Bundles 25 commands, 5 agents · 2,696 tokens together

Design intelligence engine for AI coding. v3 ships THE BRAIN: a deterministic 7-axis synthesizer (warmth, contrast, density, geometry, formality, motion, typepersonality) that compiles a novel design language per brief — no LLM calls, fully offline, closed-loop learning via a local decisions ledger. 1,243 structured e.

not rated 70 +5 3d ago A tokens not measured original MIT

spherse-use-ui-sdk

510

mengrru/Spherse

Skill Claude CodeCodex

A browser-side JavaScript interface injected into Spherse HTML pages. It lets page controls communicate with the Spherse app, including opening files or sessions, sending messages, storing data, and showing notifications.

not rated 70 +9 3d ago A SkillSpector: pass 92 tokens original MIT

cc-frontend-skills

511

oikon48/cc-frontend-skills

Plugin Claude Code

Bundles 1 skill, 1 agent · 378 tokens together

Distinctive frontend design skills and agents for professional UI implementation. Avoid generic AI aesthetics with thoughtful typography, colors, layouts, and animations.

not rated 69 9mo ago A tokens not measured original MIT

html-portal-generator

512

athola/skrills

Skill Claude CodeCodex

Convert a codebase into a self-contained HTML portal app for ingestion into AI application systems. Produces a single deployable HTML file with embedded CSS, JS, and data.

not rated 69 5d ago A SkillSpector: pass 40 tokens original MIT

wp-theme-dev

514

wpacademy/wordpress-dev-skills

Skill Claude CodeCodex

Develop WordPress themes following official WordPress coding standards, theme review requirements, accessibility standards (WCAG 2.1 AA), and modern web development best practices. Use this skill whenever the user wants to create, scaffold, or develop a WordPress theme — including block (FSE) themes, classic themes…

not rated 69 +1 7mo ago A 151 tokens GPL-2.0

email-html-mjml

515

framix-team/skill-email-html-mjml

Skill Claude CodeCodex

Responsive HTML email template generation using MJML 5.x framework. Use when the user asks to create, generate, design, or build an email template — including welcome emails, promotional blasts, transactional templates, newsletters, or any responsive email. Also use when the user asks to compile MJML to HTML, work…

not rated 69 +2 29d ago C Socket: passSnyk: pass 90 tokens original MIT

arco-design-vue

516

arco-design/arco-design-skill

Skill Claude CodeCodex

A reference for building Vue 3 interfaces with Arco Design Vue, a library of ready-made user-interface components. It covers components such as buttons, tables, forms, dialogs, navigation, and date controls.

not rated 69 3mo ago A 181 tokens original MIT

fasthtml

517

ai-evals-course/isaac-fasthtml-workshop

Cursor rule Cursor

The main file for the project is mainsqlite.py It uses MonsterUI for styling. MonsterUI is a python first UI component library that primarily leverages FrankenUI and Tailwind, but also includes headers and functionality form DaisyUI, Katex, HighlightJS, and others.

not rated 69 1y ago A 0 tokens

frontend-specialist

518

SamarthaKV29/antigravity-god-mode

Agent Claude Code

Senior Frontend Architect who builds maintainable React/Next.js systems with performance-first mindset. Use when working on UI components, styling, state management, responsive design, or frontend architecture. Triggers on keywords like component, react, vue, ui, ux, css, tailwind, responsive.

not rated 68 6mo ago A 63 tokens

mdma-integration

519

MobileReality/mdma

Skill Claude CodeCodex

Integrate MDMA into an application and build features with it — wire up parsing, the runtime store, React rendering, LLM streaming, custom components, prompts, and CI validation. Use this skill when the user asks to add MDMA to an app, build a chat that streams MDMA, author or maintain a custom prompt, validate MDMA…

not rated 67 +1 29d ago A SkillSpector: warn 111 tokens original MIT

inertia-rails-skills

520

inertia-rails/skills

Plugin Claude Code

Bundles 11 skills · 1,142 tokens together

Architecture patterns and anti-pattern correction for Rails + Inertia.js applications (React, Vue, Svelte).

not rated 67 +1 7d ago A tokens not measured original MIT

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 66 +1 today A SkillSpector: pass 158 tokens original MIT

fluidglass-ui

522

csuyincs-creator/fluidglass-ui

Skill Claude CodeCodex

Generates production-grade WebGL fluid glass card interfaces with a fixed canonical material core (144px-tall, 30px-radius wide cards, transparent canvas, cyan.

not rated 66 +2 3d ago A 37 tokens original Apache-2.0

no-use-effect

523

alejandrobailo/no-use-effect

Skill Claude CodeCodex

ALWAYS ACTIVE. Enforces a strict no-direct-useEffect rule in React and React Native code. Never write useEffect directly — use derived state, event handlers, useMemo, useSyncExternalStore, data-fetching libraries, key-based resets, or useMountEffect instead. Triggers on all React component code: writing new…

not rated 66 +1 5mo ago A 107 tokens

build-mcp-app

524

nota-america/forgecat-agent-profiles

Skill Claude Code

This skill should be used when the user wants to build an "MCP app", add "interactive UI" or "widgets" to an MCP server, "render components in chat", build "MCP UI resources", make a tool that shows a "form", "picker", "dashboard" or "confirmation dialog" inline in the conversation, or mentions "apps SDK" in the…

not rated 66 +3 yesterday A SkillSpector: pass 111 tokens original Apache-2.0

forms

526

chihebnabil/lovable-boilerplate

Cursor rule Cursor

Form handling patterns with React Hook Form and Zod validation.

not rated 65 1mo ago A 0 tokens original MIT

univer-integrate

527

dream-num/skills

Skill Codex

Integrate Univer Sheets, Docs, or Slides into React, Vue 3, HTML, or Node.js projects. Use when embedding Univer, choosing preset or plugin mode, initializing instances, configuring themes/locales/workers, or manipulating workbooks, worksheets, ranges, formulas, permissions, and events through the Facade API.

not rated 65 7d ago A SkillSpector: pass 70 tokens original Apache-2.0

start-an-app

528

leonvanzyl/skills

Skill Claude CodeCodex

Interview the user in depth about what they actually want to build, then scaffold a working full-stack web app around it. Use when the user wants to start a new app, website, prototype, or SaaS; when they don't know what tech stack to pick; or when they want a solid working starting point fast. Covers requirements…

not rated 65 +2 14d ago A 212 tokens

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: