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.

854771076/oh-my-claude-roles

Skill Claude Code

A set of required development rules for building full-stack applications with TypeScript and Next.js, a framework for web apps. It standardizes tools, project structure, type checking, testing, and production practices.

not rated 22 5mo ago A 49 tokens original MIT

ui-ux-pro-max

795

regutierrez/ui-ux-skill

Plugin Claude Code

Bundles 1 skill · 221 tokens together

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing…

not rated 22 7mo ago A tokens not measured original MIT

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 22 5mo ago A 64 tokens original MIT

tscircuit

798

tscircuit/skill

Skill Claude Code

Build, modify, and debug tscircuit (React/TypeScript) PCB designs. Use when working with tsci CLI (init/dev/search/add/import/build/export/snapshot/push), choosing footprints, placing parts, wiring nets/traces, or preparing fabrication outputs (Gerbers/BOM/PnP).

not rated 22 +2 changed yesterday A 66 tokens original MIT

cache-components

799

motormetrics/motormetrics

Skill Claude Code

Ensure 'use cache' is used strategically to minimize CPU usage and ISR writes. Use when creating/modifying queries to verify caching decisions align with data update patterns and cost optimization.

not rated 22 yesterday A SkillSpector: pass 38 tokens original MIT

oma-frontend

800

gracefullight/docusaurus-plugins

Skill Claude CodeCodex

Frontend specialist for React, Next.js, TypeScript with FSD-lite architecture, shadcn/ui, and design system alignment. Use for UI, component, page, layout, CSS, Tailwind, and shadcn work.

not rated 22 3mo ago A 51 tokens original MIT

modern-web-design

801

efeunalmedia-lab/efeunal-website-seo

Skill Claude CodeCodex

Modern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems, ensuring accessibility, or building performance-first interfaces. Triggers on tasks involving modern design trends, micro-interactions…

not rated 21 +1 3mo ago A 122 tokens

astro-strapi-starter

802

VirtusLab-Open-Source/astro-strapi-starter

Skill Claude CodeCodex

Develop and extend the Astro + Strapi starter: content.config with @sensinum/astro-strapi-loader, Strapi 5 data in Astro pages, StrapiBlocks, BlockRenderer, Tailwind 4, shadcn. Covers onboarding (copy upstream skills), slug/CMS routes, Astro i18n, package upgrades, optional Vitest. Types in src/types/strapi/ with a…

not rated 21 yesterday A SkillSpector: pass 90 tokens original MIT

css-protips

803

PyModel/css-pro-tips

Skill Claude CodeCodex

Use when writing, reviewing, refactoring, or modernizing CSS/Tailwind. Apply a policy-first approach: semantic tokens, explicit cascade order, static CSS, intrinsic component layouts, accessible state, measured performance, and progressive enhancement backed by current sources.

not rated 21 changed 6d ago A 55 tokens original MIT

divi-5-builder

805

oaris-dev/diviops

Plugin Claude Code

Bundles 2 skills · 234 tokens together

AI agent skill for building pages and layouts on WordPress sites running Divi 5. Create sections, modules, presets, theme builder templates, and design systems via MCP tools. Includes CSS effects and WebGL shader backgrounds via the DiviOps Design Library.

not rated 21 changed 3d ago A tokens not measured

m2ui

806

martysama0134/m2ui-skill

Cursor rule Cursor

When the user asks to create, modify, or generate Metin2 client UI code, follow the instructions below. This includes requests like "create a window", "make a UI", "add a button to X", "modify uiXxx.py", or when they provide a screenshot of a UI to replicate.

not rated 21 1mo ago A 3,671 tokens

molauu/svg-character-animator

Skill Claude CodeCodex

Generate production-quality SVG character animations — state machines that morph between N SVG states (2–10) with per-state idle motion (breathing, blinking, swaying). Use whenever the user wants to animate a character or mascot between poses/emotions, morph icons/illustrations between forms, build interactive SVG…

not rated 22 22d ago A 181 tokens original MIT

elliothux/trunktail

Cursor rule Cursor

The ActiveLinkOptions type extends the LinkOptions type and contains additional options that can be used to describe how a link should be styled when it is active.

not rated 21 7mo ago A 31,645 tokens

aura-design

810

Horosheff/aura-designer

Cursor rule Cursor

A set of instructions for AuraDesign Agent, an AI tool that creates web interfaces from written design rules. It covers how the agent analyzes sites, chooses assets, and generates HTML and CSS.

not rated 21 3mo ago A 2,007 tokens original MIT

component

811

Maximepodgorski/agent-skills

Skill Claude CodeCodex

Design system component workflow. Spec, document, implement, review, spec-review, and audit DS components with Figma as primary input. 6 actions: spec, doc, ship, review, spec-review, audit. Auto-activates on: "component", "spec component", "doc component", "ship component", "review component", "spec-review…

not rated 21 4mo ago A 113 tokens original MIT

storybook-mcp

812

m-yoshiro/storybook-mcp

MCP server Claude CodeCodexCursor +2

A Model Context Protocol (MCP) server for Storybook. Runs locally from the storybook-mcp npm package.

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

harn-apps

813

burin-labs/harn

Skill Claude Code

Keep app behavior in Harn while shared hosts draw the view and provide files, network, and browser features.

not rated 22 +1 today A SkillSpector: pass 27 tokens original Apache-2.0

lumeo

815

Brain2k-0005/Lumeo

Skill Claude CodeCodex

Use when building or editing a Blazor UI that uses the Lumeo component library (the Lumeo NuGet package and its satellites Lumeo.Charts / Lumeo.DataGrid / Lumeo.Editor / Lumeo.Scheduler / Lumeo.Gantt / Lumeo.Motion), or when the user mentions Lumeo components (Button, DataGrid, Sheet, Dialog, Tabs, DatePicker, Toast…

not rated 21 +1 6d ago A SkillSpector: warn 125 tokens original MIT

clone-website

816

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 21 13d ago A SkillSpector: pass 113 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: