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.

design-led-development

1057

vkpriyesh/ai-stuff

Skill Claude Code

Build software with elite design principles focusing on user outcomes, trust, accessibility, and performance. Use when creating UI components, designing user flows, writing production code, reviewing code quality, or when the user mentions UX, accessibility, performance, or trust-focused development.

not rated 11 1mo ago A 56 tokens

zap

1058

hetpatel-11/Zap

Skill Claude CodeCodex

Customize any running Electron desktop app (Slack, Codex, VS Code, Discord, Notion, etc.) live without modifying app files. Use when the user wants to change how an Electron app looks or behaves — move panels, change fonts, hide elements, inject features, restyle UI — all applied instantly via Chrome DevTools Protocol…

not rated 11 6mo ago A 79 tokens original MIT

lit-dev

1060

klh/speedy-claude

Skill Claude CodeCodex needs its repo

Use when creating Lit web components with TypeScript decorators, JSDoc documentation, Zod validation, and Playwright testing. Use for building reusable web components, design systems, or shareable UI elements that work across frameworks.

not rated 11 changed 2mo ago A SkillSpector: warn 48 tokens original MIT

frontend-design

1061

recca0120/code-quest

Plugin Claude Code

Bundles 1 skill · 43 tokens together

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

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

vault-html-app

1062

the-cyber-boardroom/SGraph-AI__App__Send

Skill Claude CodeCodex

Build a polished, self-contained HTML application that lives inside an SG/Send vault and renders from index.html — a photo gallery, strategy microsite, dashboard, report, journal, or any single-page experience. Use this whenever the user wants to create a vault app, build an HTML app for a vault, make a website inside…

not rated 11 changed 2mo ago A SkillSpector: warn 213 tokens original Apache-2.0

fun-css

1063

slaveOftime/Fun.Css

Skill Claude CodeCodex

Author type-safe inline CSS in F# with the Fun.Css computation-expression builder. Use when writing, generating, or refactoring Fun.Css style blocks (style { ... }), choosing operation names from CSS property knowledge, composing or conditionally building styles, extending the builder, or wiring design tokens / CSS…

not rated 11 5d ago A 75 tokens original MIT

frontend-engineer

1064

danialhasan/orchestrator

Agent Claude Code

Use this agent when you need expert frontend development assistance including: building Vue.js 3 components, implementing responsive UI designs, creating smooth animations, managing complex state with Pinia, optimizing performance, ensuring accessibility, or integrating with backend APIs. This agent specializes in…

not rated 11 1y ago A 0 tokens

backstay-rules

1065

kodemdev/backstay.rules

Skill Claude CodeCodex

Apply the backstay.rules SCSS architecture with layered styles, component-oriented structure, and project naming conventions. Use when creating, refactoring, or reviewing SCSS structure, files, class names, variables, mixins, modifiers, and import order.

not rated 11 7mo ago A 55 tokens original MIT

redesign-codex-ui

1067

opcspace/CodexUI

Skill Codex

Redesign and locally modify an existing Codex desktop or web interface from reference images, a user persona, a celebrity, idol, actor, musician, fictional character or original IP theme, a visual style, or a combination of these inputs. Use when Codex needs to inspect a local Codex installation or source checkout…

not rated 11 3mo ago A 146 tokens original MIT

sandian

1068

sandian1016/design-review-skill

Skill Codex

Compare a UI design screenshot with an implementation screenshot locally in the Sandian browser app. Use when a designer needs visible-difference review, annotated implementation screenshots, severity-filtered repair checklists, or JSON issue groups. Keep images on the local device; use the tool as visual-review…

not rated 11 2mo ago A 71 tokens

ui

1069

romkey/I2C-Directory

Cursor rule Cursor

Apply these rules to any HTML/template/CSS Cursor writes for this project. The system uses Bootstrap 5.3 with data-bs-theme="dark" and a custom refresh.css that defines the component classes referenced below.

not rated 11 1mo ago A 2,175 tokens original MIT

nextjs

1070

awesome-ai-dev/awesome-ai-dev

Cursor rule Cursor

Development guidelines for Next.js applications using the App Router, a way to organize pages and server-side features. They cover Server Actions, Server Components, Suspense loading states, and partial prerendering.

not rated 11 7mo ago A 0 tokens original MIT

css-refactor-advisor

1071

guyoung/boxagnts

Skill Claude Code

Analyze a given style file or component directory, identify redundancy, inefficiency, and maintainability issues, and suggest optimizations.

not rated 11 3mo ago A 31 tokens original MIT

web-reconstruction

1072

zaoshangduziteng/web-reconstruction

Skill Codex

Reconstruct a referenced website, page, interaction, or WebGL/WebGPU/Canvas effect from a URL or supplied evidence. Use for faithful site cloning, offline mirrors, responsive page replication, SPA fixture replay, visual-effect extraction, design transfer, and continued fidelity work on an existing replica. Not for…

not rated 11 2mo ago A 79 tokens original MIT

mutolee/other-redis-desktop-manager

Skill Claude CodeCodex

A development guide for Vue 3, Element Plus, and Electron desktop applications. It explains where interface code, operating-system code, and the secure bridge between them should live, and how to structure and verify changes.

not rated 11 3mo ago A 110 tokens original Apache-2.0

web-frontend-designer

1074

0x-Professor/Agent-Skills-Hub

Skill Claude CodeCodex

Scaffold frontend architecture, components, routing, and UI dependencies from project config and wireframes.

not rated 11 8mo ago A 25 tokens original Apache-2.0

build-html-artifacts

1075

amol-patil/html-artifact-kit

Skill Codex

Build polished, self-contained HTML artifacts. Always use for requests to create, design, improve, or validate a dashboard, report, presentation or slides, narrative document, microsite, portal, console, operational tool, webpage, quick side artifact, or any standalone HTML deliverable, even when the user does not…

not rated 11 +1 2mo ago A 95 tokens original MIT

web-ui-motion

1076

creativedswork/dscode

Skill Claude CodeCodex

Build polished front-end UI together with a signature motion effect in a single self-contained HTML file, combining SVG.js / SVG filters and the Canvas 2D API. Use when the user asks to build a web page, landing page, dashboard, or component that has a special visual effect, animation, particle system, fluid/water…

not rated 11 1mo ago A 152 tokens original MIT

mpa-strict-rules

1077

RealistSec/mpa-first-guidelines

Cursor rule Cursor

MPA-First Development Mandate - Strict rules for building performant, resilient Multi-Page Applications.

not rated 11 11mo ago A 3,483 tokens original MIT

explainer-site

1078

sciclaw/sciclaw

Skill Claude CodeCodex

Create "How X Works" deep-dive explainer websites with the curious, technical-but-accessible style of howkeyboardswork.com. Use when asked to explain how something works, create an educational single-page guide, or build an interactive explainer site on any topic.

not rated 11 3mo ago A 59 tokens

mae616/design-skills

Skill Claude Code

Translate designs and UI requirements into robust, extensible implementations. Apply when converting designs to code, implementing components, fixing broken UI, or handling responsive layouts.

not rated 11 9mo ago A 35 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: