Frontend

20,504 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.

opentui

49

anomalyco/opentui

Skill Claude CodeCodex

Build terminal UIs with OpenTUI. Covers Core, frameworks, components, application APIs, testing, extensions, integrations, deployment, and public API lookup.

not rated 14k +45 changed 27d ago A SkillSpector: warn 36 tokens original MIT

convex-quickstart

50

get-convex/convex-backend

Skill Codex

Initializes a new Convex project from scratch or adds Convex to an existing app. Use this skill when starting a new project with Convex, scaffolding with npm create convex@latest, adding Convex to an existing React, Next.js, Vue, Svelte, or other frontend, wiring up ConvexProvider, configuring environment variables…

not rated 13k 24d ago A SkillSpector: warn 108 tokens

creative-tim-ui

51

creativetimofficial/ui

Skill Claude CodeCodex

Creative Tim UI block library assistant. Use when adding, generating, or modifying UI blocks/components/pages from creative-tim.com/ui. Covers design philosophy (minimalism, the 95% rule, research-first), block discovery, both CLI install methods, PRO API key setup, and Creative Tim design rules (orange brand…

not rated 12k +19 7mo ago A SkillSpector: warn 91 tokens original MIT

html-artifacts

52

langchain-ai/open-swe

Skill Claude CodeCodex ✓ vendor

Author the HTML for a plan artifact, dashboard iframe, or Slack attachment — structure, design plan, available runtime, theming, and craft. Read this before writing HTML for publishartifact, outputiframe, or slackattachhtml.

not rated 11k +29 changed 9d ago A Snyk: passSkillSpector: pass 52 tokens original MIT

interfaces

53

jakubkrehel/skills

Plugin Claude Code

Bundles 14 skills · 419 tokens together

Skills for building great product interfaces: typography, colors, layout, accessibility, UI polish and writing.

not rated 11k +1.6k changed 11d ago A tokens not measured original MIT

scroll-world

54

oso95/scroll-world

Plugin Claude Code

Bundles 1 skill · 214 tokens together

Build an immersive scroll-scrubbed 'fly through the world' landing page for any industry or brand using Higgsfield. As the visitor scrolls, a pre-rendered camera flies from outside each scene into its interior, then flows on to the next scene with no cuts — one continuous connected flight. Interviews the user for the…

not rated 11k +135 3mo ago A tokens not measured original MIT

shadcn-vue

55

unovue/shadcn-vue

Skill Claude Code

Manages shadcn-vue components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn-vue, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for…

not rated 11k +24 changed 8d ago A Socket: passSnyk: warnSkillSpector: warn 97 tokens original MIT

shadcn-svelte

56

huntabyte/shadcn-svelte

Skill Claude CodeCodex

Manages shadcn-svelte components and projects — adding, updating, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn-svelte, the CLI, design-system presets, or any project with a components.json file. Also triggers for…

not rated 9.2k +15 changed 2d ago A Socket: passSnyk: passSkillSpector: warn 106 tokens original MIT

superplanehq/superplane

Cursor rule Cursor

When creating or editing SuperPlane integration issue content (base or component issues), or when working in tmp/integrationspm or integration PM workflow.

not rated 8.8k +337 today A 0 tokens original

google-labs-code/stitch-skills

Skill Claude Code

Convert Stitch HTML designs to React Native components, or syncs/updates existing native components to align with the latest Stitch designs, using StyleSheet.

not rated 8.7k +41 2mo ago A SkillSpector: warn 35 tokens original Apache-2.0

react-joyride

59

gilbarbara/react-joyride

Skill Claude CodeCodex

Guide for implementing, configuring, and debugging React Joyride v3 guided tours. Use this skill whenever the user mentions joyride, guided tour, onboarding tour, walkthrough, tooltip tour, step-by-step guide, product tour, or wants to highlight UI elements sequentially. Also use when debugging tour issues like…

not rated 7.9k +2 4mo ago A Socket: passSnyk: passSkillSpector: pass 106 tokens original MIT

native-ui

60

vercel-labs/native

Skill Claude CodeCodex needs its repo ✓ vendor

Authoring guide for the Native markup (.native) view tier of native-rendered Native SDK apps. TypeScript cores are the default and use this skill together with ts-core; Zig cores are an explicit alternative and this guide labels their lower-level UiApp recipes. Use when building or modifying native UI (widgets…

not rated 7.8k +8 changed 20d ago A Snyk: passSkillSpector: warn 98 tokens original Apache-2.0

react-grab

61

aidenybai/react-grab

Skill Claude CodeCodex

Use when the user wants a hands-free loop where grabbing UI elements in the browser with React Grab feeds tasks to the agent automatically, with no copy-paste or manual handoff. Triggers: "watch react grab", "monitor my grabs", "auto-process react grab", "watch my clipboard for grabs". Not for a one-off paste of a…

not rated 7.7k +11 2mo ago A SkillSpector: warn 86 tokens original MIT

Kiranism/next-shadcn-dashboard-starter

Skill Claude CodeCodex needs its repo

Guide for building features, pages, tables, forms, themes, and navigation in this Next.js 16 shadcn dashboard template. Use this skill whenever the user wants to add a new page, create a feature module, build a data table, add a form, configure navigation items, add a theme, set up RBAC access control, or work with…

not rated 7.2k +27 changed 2d ago A SkillSpector: pass 142 tokens original MIT

v3-create-crud

63

un-pany/v3-admin-vite

Skill Claude CodeCodex

A page generator for standard create, read, update, and delete screens, commonly called CRUD screens. It uses Element Plus, a Vue user-interface library, to build tables, searches, pagination, forms, and delete confirmations.

not rated 7.1k +1 3mo ago A SkillSpector: pass 108 tokens original MIT

nuxt-ui

64

nuxt/ui

Skill Claude CodeCodex

Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces.

not rated 7.1k +14 yesterday A Socket: passSnyk: passSkillSpector: pass 56 tokens original MIT

orval

65

orval-labs/orval

Skill Claude CodeCodex needs its repo

Generate type-safe API clients, TanStack Query/SWR hooks, Zod schemas, MSW mocks, Hono server handlers, MCP servers, and SolidStart actions from OpenAPI specs using Orval. Covers all clients (React/Vue/Svelte/Solid/Angular Query, Fetch, Axios), custom HTTP mutators, authentication patterns, NDJSON streaming…

not rated 6.6k +13 yesterday A Socket: passSnyk: passSkillSpector: warn 83 tokens original MIT

preline-mcp

66

htmlstreamofficial/preline

Skill Codex

Add, integrate, or build Preline UI components and blocks into HTML files via the Preline MCP server. Use when the user mentions "preline", says "/preline", asks to add a UI component, or requests a Preline block (a ready-made page section) using Preline UI.

not rated 6.5k +6 2mo ago A SkillSpector: warn 66 tokens

21st

67

21st-dev/magic-mcp

Plugin Claude Code

Bundles 1 skill, 1 MCP server · 63 tokens together

Find UI components and themes, retrieve their code, and use hosted 21st AI when enabled.

not rated 6.4k +70 changed 1mo ago A tokens not measured original ISC

Helicone/helicone

Cursor rule Cursor

// ✅ Do this import { H1, P, Small, Muted } from "@/components/ui/typography".

not rated 6.3k +21 9d ago A 3,001 tokens original Apache-2.0

lightdash/lightdash

Skill Claude Code

Build ONE reusable chart visualization component that receives its data and its settings from the host application instead of fetching them, and declares the fields and config options the host exposes to viewers. Use this whenever a single chart component is reused across many different queries rather than built for…

not rated 6.2k +8 changed 1mo ago A SkillSpector: pass 102 tokens

mintlify

70

macro-inc/macro

Skill Claude CodeCodex

Build and maintain documentation sites with Mintlify. Use when creating docs pages, configuring navigation, adding components, or setting up API references.

not rated 6.2k +290 today A SkillSpector: pass 30 tokens AGPL-3.0

design

71

AgentOps-AI/agentops

Cursor rule Cursor

All tasks related to updating frontend components, CSS, and general styling.

not rated 6.0k +21 4mo ago A 13 tokens original MIT

interface-design

72

Dammyjay93/interface-design

Plugin Claude Code

Bundles 1 skill, 2 commands · 170 tokens together

Design engineering for Claude Code. Build production-grade interfaces with strong visual hierarchy, review craft against an approval bar, and strip AI design slop. Self-contained — direction, hierarchy, tokens, polish, and motion in one skill.

not rated 5.9k +47 4mo ago A tokens not measured 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: