Frontend

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

fused-render

985

fusedio/fused-render

Plugin Claude Code

Bundles 16 skills · 677 tokens together

Skills for using and authoring fused-render: running the local explorer and opening views, authoring HTML pages with a fused.runPython() bridge to local Python, URL-synced params, file IO helpers, custom preview templates, the machine-wide file index, the AI API (fused.ai text/streaming, local models, image…

not rated 11 today A tokens not measured original MIT

frontend-design

986

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 3mo ago A tokens not measured original MIT

vault-html-app

987

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 4d ago A SkillSpector: warn 213 tokens original Apache-2.0

fun-css

988

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 15d ago A 75 tokens original MIT

frontend-engineer

989

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

aesthetic-application

990

alexiseverage/aesthetic-frontend-skills

Skill Claude CodeCodex

Use this skill when you need a complete developer-ready design specification for a named aesthetic: W3C DTCG design tokens, CSS custom properties, cultural marker lists, component-level notes, and accessibility flags. Translates aesthetic understanding into implementable values across all 7 dimensions. Use when the…

not rated 11 today A 118 tokens original MIT

backstay-rules

991

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

skeuomorphic-ui

993

Saurabh-2607/Skills

Skill Claude CodeCodex

Build dark skeuomorphic UI components (knobs, sliders, inset controls, raised shells) with top-lighting, layered shadows, tactile depth, and animation-ready interaction patterns. Trigger this skill when the user asks for skeuomorphic components, neumorphic dark controls, rotary dials, or realistic hardware-like UI.

not rated 11 9d ago A 69 tokens

redesign-codex-ui

994

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

sandian

995

sandian1016/design-review-skill

Skill Claude CodeCodex

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 1mo ago A 71 tokens

a2ui-author

996

danielwpz/lark-a2ui-renderer

Skill Claude CodeCodex

Generate, validate, and interpret static A2UI v0.8 JSON for interactive UI surfaces. Use when an agent needs to call publisha2ui, author A2UI messages, check whether generated A2UI JSON is valid, or handle normalized userAction replies from interactive UI callbacks.

not rated 11 4mo ago A 64 tokens copy · 100% MIT

ui

998

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 yesterday A 2,175 tokens original MIT

nextjs

999

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

web-reconstruction

1000

zaoshangduziteng/web-reconstruction

Skill Claude CodeCodex

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 +1 18d 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 1mo ago A 110 tokens original Apache-2.0

start

1002

henkisdabro/cloudflare-workers-react-boilerplate

Command Claude Code

You are guiding a user through setting up their new Cloudflare Workers + React project. This wizard is designed for all skill levels, including users who may be new to web development.

not rated 11 +1 1mo ago A 0 tokens

lucid-ui

1003

Deepractice/UIX

Skill Claude CodeCodex

Professional UI design system that replaces generic AI aesthetics (purple gradients, neon colors) with intentional, distinctive design. Use this skill whenever generating frontend UI, web pages, landing pages, dashboards, or any visual interface. Provides concrete color palettes, typography rules, spacing systems, and…

not rated 11 +1 6mo ago A 76 tokens original MIT

immersive-web

1004

earlyaidopters/marks-pi-harness

Skill Claude CodeCodex

Build award-tier immersive websites with WebGL, scroll choreography, shaders, or pre-rendered video — including turning a supplied video into a scroll-scrubbed site where scroll drives the playhead. Use for any request to build a cinematic, animated, 3D, or scroll-driven site, portfolio, or landing page. Includes a…

not rated 11 1mo ago A 83 tokens original MIT

vercel-ai-sdk-expert

1006

JayZeeDesign/claude-code-vault

Agent Claude Code

Use for Vercel AI SDK v5 implementation work: chat interfaces, tool calling, streaming, agentic loop control, type-safe custom messages, or migrating from v4. Covers useChat, streamText, generateText, tools, and the React/Vue/Svelte/Angular integrations.

not rated 11 +1 3mo ago A 0 tokens

astro-dashboard-pages

1007

projectbluefin/lab

Skill Claude CodeCodex

Building or revising Astro dashboard detail pages backed by repo-tracked JSON and browser-side charts. Use when adding docs routes like /tests, /images, or /applications that must render real evidence, explicit unavailable states, GitHub Pages-safe static output, and dense table sections without crushed columns.

not rated 11 +1 today A 63 tokens

creght

1008

creght-dev/skills

Skill Codex

Use when working with Creght sites or the Creght CLI, including pulling site code locally, pushing local changes, resolving sync conflicts, writing Creght-compatible React pages/components code, CMS, form, Auth, and Func backend integration, routing, styling, metadata, previewing, publishing, site templates…

not rated 11 +1 changed 8d ago A 107 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: