Frontend

29,099 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.

siteboon/claudecodeui

Skill Claude CodeCodex

Enforce this repository's React and TypeScript frontend module architecture standards. Use whenever creating, modifying, refactoring, or reviewing frontend code under src/, including feature modules, components, hooks, contexts, shared UI, API access, state, utilities, and frontend tests. Do not apply these rules to…

not rated 14k +28 yesterday A 82 tokens AGPL-3.0

test-ui

50

browseros-ai/BrowserOS

Skill Claude CodeCodex

Test the BrowserOS app extension UI by starting the dev environment and visually verifying changes via CDP. Covers the new tab page (left sidebar — Home, Scheduled Tasks, Settings, etc.) and the right side panel (chat interface). Use after making UI changes to apps/app/.

not rated 14k +49 today A 59 tokens AGPL-3.0

get-convex/convex-backend

Skill Claude CodeCodex

Designs and builds Convex components with isolated tables, clear boundaries, and app-facing wrappers. Use this skill when creating a new Convex component, extracting reusable backend logic into a component, building a third-party integration that owns its own tables, packaging Convex functionality for reuse, or when…

not rated 12k today A 95 tokens

creative-tim-ui

52

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 +3 5mo ago A 91 tokens original MIT

beautiful-article

53

ConardLi/garden-skills

Skill Claude CodeCodex

A tool for turning source material—such as a web page, PDF, DOCX, Markdown file, text, screenshot, or pasted content—into a single offline HTML article.

not rated 12k +257 1mo ago A 226 tokens original MIT

nginx-ui CLAUDE.md

54

0xJacky/nginx-ui

Instructions file

Claude Code instructions for 0xJacky/nginx-ui, covering nginx ui - claude code guidelines, package manager, backend (go) development, technologies & frameworks and code organization.

not rated 11k +4 changed today A 1,362 tokens AGPL-3.0

shadcn-vue

55

unovue/shadcn-vue

Skill Claude CodeCodex

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 +14 9d ago A 97 tokens original MIT

coss-particles

56

cosscom/coss

Skill Claude CodeCodex

Index of all COSS UI particle examples. Use when implementing UI features to find copy-paste-ready component patterns built on coss primitives. Each particle has a description and a JSON URL for easy installation.

not rated 11k 4d ago A 46 tokens AGPL-3.0

diet103/claude-code-infrastructure-showcase

Skill Claude CodeCodex

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features…

not rated 10k +2 1mo ago A 76 tokens original MIT

live-exercise

58

gitkraken/vscode-gitlens

Skill Claude CodeCodex ✓ vendor

Use whenever any UI-bearing work touches a running instance — building or fixing a feature, ship-gating, auditing, OR debugging visible bugs (flaky behavior, intermittent rendering, "sometimes does X" reports, hover/focus/animation glitches, layout overflow). Adaptive depth from tactical fix-loop to ship-gate audit.…

not rated 9.9k +3 today A 76 tokens

mediago-dev/mediago

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 9.2k +8 yesterday A 67 tokens original MIT

shadcn-svelte

60

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.1k 2d ago A 87 tokens original MIT

scroll-world

61

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 9.0k +73 1mo ago A tokens not measured original MIT

mobile-design

62

vudovn/ag-kit

Skill Claude CodeCodex

Mobile-first design thinking and decision-making for iOS and Android apps. Touch interaction, performance patterns, platform conventions. Teaches principles, not fixed values. Use when building React Native, Flutter, or native mobile apps.

not rated 8.2k +2 4d ago A 47 tokens original MIT

create-design-md

63

ibelick/ui-skills

Skill Claude CodeCodex

Create or update a DESIGN.md from an existing product repository or public website. Use when asked to document an interface's design language, reconstruct its visual system, extract design tokens and guidance from current evidence, or give coding agents persistent UI context. Do not modify product source or promote…

not rated 8.1k +137 yesterday A 66 tokens original MIT

react-joyride

64

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 +1 1mo ago A 106 tokens original MIT

native-ui

65

vercel-labs/native

Skill Claude CodeCodex ✓ 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.6k +14 changed today A 98 tokens original Apache-2.0

v3-create-crud

66

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.0k +3 1mo ago A 108 tokens original MIT

Kiranism/next-shadcn-dashboard-starter

Skill Claude CodeCodex

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 6.9k +20 10d ago A 142 tokens original MIT

OpenAlice AGENTS.md

68

TraderAlice/OpenAlice

Instructions file CodexOpenCode

AGENTS.md instructions for TraderAlice/OpenAlice, covering openalice, start here, ui design workflow, product and architecture boundaries and delivery authority.

not rated 6.9k +57 changed today A 2,481 tokens AGPL-3.0

ui AGENTS.md

69

nuxt/ui

Instructions file CodexOpenCode

AGENTS.md instructions for nuxt/ui, covering agents.md, project overview, project structure, commands and cli for scaffolding.

not rated 6.9k +8 yesterday A 2,084 tokens original MIT

max-sixty/worktrunk

Skill Claude CodeCodex

CLI output formatting standards for worktrunk. Load before editing any code that calls warningmessage, hintmessage, errormessage, infomessage, eprintln, or println, or that produces strings the user will see (CLI help, progress UI, snapshot text). Documents ANSI color nesting rules, message patterns, and output system…

not rated 6.8k +40 changed yesterday A 71 tokens

orval

71

orval-labs/orval

Skill Claude CodeCodex

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.4k today A 83 tokens original MIT

preline-mcp

72

htmlstreamofficial/preline

Skill Claude CodeCodex

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.4k +4 4d ago A 66 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: