Frontend

25,260 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.

OpenRoom CLAUDE.md

145

MiniMax-AI/OpenRoom

Instructions file

Instructions for MiniMax-AI/OpenRoom, covering vibeapp development guide, quick start, tech stack, file structure and workflow structure.

not rated 1.3k +2 3mo ago A 1,801 tokens original MIT

wcag22-a11y-audit

146

AIPexStudio/AIPex

Skill Claude CodeCodex

WCAG 2.2 Accessibility Audit skill that systematically evaluates web pages against 8 core Success Criteria (1.1.1, 1.4.3, 1.4.11, 2.1.1, 2.1.2, 2.4.3, 2.4.7, 4.1.2) using accessibility tree inspection and visual analysis. Use this skill when you need to perform accessibility testing/auditing on a live webpage.

not rated 1.3k +1 10d ago A 111 tokens original MIT

tool-renderer

147

daaain/claude-code-log

Skill Claude CodeCodex

Implement specialized rendering for Claude Code tools. Use when adding a new tool type (WebSearch, WebFetch, etc.) to the transcript viewer, or when asked to implement tool rendering.

not rated 1.2k 3d ago A 41 tokens original MIT

hugeicons

148

hugeicons/hugeicons

Skill Claude CodeCodex

Use and find Hugeicons icons in any framework — React, Vue, Svelte, Angular, React Native, and Flutter. Covers installation, rendering, props, icon naming, and the full icon catalog. Use whenever a project depends on @hugeicons/, @hugeicons-pro/, or the Flutter hugeicons package and you need to add, render, or pick an…

not rated 1.2k +5 9d ago A 83 tokens

webgpu-threejs-tsl

149

dgreenheck/webgpu-claude-skill

Cursor rule Cursor

Entry point for Three.js WebGPU + TSL guidance. Covers renderer setup, node materials, and TSL syntax fundamentals. Auto-attaches on JS/TS files in projects using three/webgpu.

not rated 1.2k +5 4mo ago A 559 tokens

xxd-accessible-color

150

nevertoday/zhongguo-traditional-colors

Skill Claude CodeCodex

Check and repair Chinese traditional color combinations for readability and accessibility. Use when a user asks whether text, buttons, UI states, charts, light mode, dark mode, or traditional color palettes meet contrast and non-color-cue requirements.

not rated 1.2k +9 5d ago A 52 tokens original GPL-3.0

accessibility

151

GetStream/stream-chat-react-native

Skill Claude CodeCodex

Maintain VoiceOver/TalkBack-focused accessibility in stream-chat-react-native. Use when changing interactive components, gestures, modals, lists, media controls, notifications, focus behavior, or live announcements.

not rated 1.2k yesterday A 42 tokens

highcharts-react

152

highcharts/highcharts-react

Skill Claude CodeCodex

Use to implement, configure, and troubleshoot Highcharts in React projects. Trigger for Highcharts-related chart or data visualization work — when in doubt, use this skill if Highcharts is a candidate.

not rated 1.2k 9d ago A 43 tokens

keinsaasforever/better-chatbot

Instructions file CodexOpenCode

AGENTS.md instructions for keinsaasforever/better-chatbot, covering repository guidelines, project structure & module organization, build, test, and development commands, coding style & naming conventions and testing guidelines.

not rated 1.2k +2 16d ago A 635 tokens original MIT

RinDig/Interpretable-Context-Methodology

Skill Claude CodeCodex

Conventions for building a narrated Remotion video where the audio drives the timeline. Covers timing.ts, beat-local time, gap-fill sequences, and the end-card pattern.

not rated 1.1k +26 1mo ago A 42 tokens original MIT

a2ui-generation

155

AGenUI/AGenUI

Skill Claude CodeCodex

Design and generate A2UI updateComponents and updateDataModel payloads for three modes (DTO component, non-DTO component, non-DTO page). Use when asked to create or refine A2UI cards, components, or pages from DTO/JSON/business data, generate Python transformer code for DTO-driven components, iterate on existing A2UI…

not rated 1.1k +3 yesterday A 147 tokens original Apache-2.0

KroMiose/nekro-agent

Cursor rule Cursor

Frontend theme-system rules for NekroAgent, covering the theme architecture, core file structure, design principles, and usage guidance. A theme system controls shared visual choices such as colors, typography, and layouts.

not rated 1.1k +3 9d ago A 6,881 tokens

foxhound87/mobx-formkit

Instructions file CodexOpenCode

Instructions for foxhound87/mobx-formkit, covering guide for ai agents, 1. project identity, 2. philosophy, 3. architecture and supporting classes.

not rated 1.1k 17d ago A 7,668 tokens original MIT

seed-design

158

daangn/seed-design

Skill Claude CodeCodex

An integration guide for SEED Design, covering shared component specifications and foundations plus React and Lynx implementation guidance.

not rated 1.1k +10 changed yesterday A 109 tokens original Apache-2.0

officedex CLAUDE.md

159

officecli/officedex

Instructions file

A set of project instructions for using officecli and officedex, including interface design rules and build and test guidance.

not rated 1.1k +32 today A 266 tokens GPL-3.0

use-aholo-viewer

160

manycoretech/aholo-viewer

Skill Claude CodeCodex

Guide external npm package users and AI coding agents integrating @manycore/aholo-viewer into web applications. Use when asked to install, bootstrap, render 3D Gaussian Splatting or mesh content, configure cameras, scenes, lighting, viewer pipeline options, or write TypeScript examples for the public…

not rated 1.0k +11 yesterday A 78 tokens original MIT

frontend-design

161

wk42worldworld/cybercode

Skill Claude CodeCodex

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…

not rated 1.0k +47 26d ago A 77 tokens

lytenyte-grid

162

1771-Technologies/lytenyte

Skill Claude CodeCodex

Use this skill when the user is working with LyteNyte Grid (@1771technologies/lytenyte-pro or @1771technologies/lytenyte-core), a headless React data grid. Activate for tasks like: installing or licensing LyteNyte Grid, configuring columns or rows, building cell renderers or editors, adding filters or sort controls…

not rated 1.0k +1 21d ago A 257 tokens

auteur

163

agiwhitelist/auteur

Skill Claude CodeCodex

Design and build complete web experiences from scratch — award-level product and marketing pages, cinematic scroll-directed sites where the page is directed like a film, and multi-screen products (app, dashboard, admin, settings, onboarding, docs site) built as one design system with every component, state and route…

not rated 1.0k +2 29d ago A 191 tokens original MIT

web-clone

164

Jane-xiaoer/claude-skill-web-clone

Skill Claude CodeCodex

A repeatable method for rebuilding a website from its source, deployed files, or browser behavior. It covers simple HTML sites, app-based sites, and sites whose visuals rely heavily on WebGL, Canvas, or Three.js.

not rated 986 +11 2mo ago A 158 tokens original MIT

satus AGENTS.md

165

darkroomengineering/satus

Instructions file CodexOpenCode

AGENTS.md instructions for darkroomengineering/satus, covering agents.md - satus engineering standards, stack, enforced rules (ci fails without these), oxlint rules and typescript strict flags (all active in tsconfig.json).

not rated 984 +4 changed yesterday A 6,828 tokens original MIT

前端SDK-v2介绍

166

DolphinAI2026/dolphin-code

Cursor rule

A set of Cursor instructions explaining version 2 of a frontend software development kit (SDK), including how to import `df-sdk` and use its APIs.

not rated 977 +61 1mo ago A 16,905 tokens GPL-3.0

sanity-io/next-sanity

Skill Claude CodeCodex

Turn on Partial Prefetching in a Next.js app and work through the insights it surfaces. Use when the user wants to enable or adopt Partial Prefetching, flip the partialPrefetching flag, opt routes in with export const prefetch = 'partial', audit calls, or resolve the link-prefetch-partial and instant-shell-url-data…

not rated 948 +4 today A 92 tokens original MIT

cursorrules

168

bitjaru/styleseed

Cursor rule Cursor

You are using StyleSeed, an AI design-method engine for product UI and other visual artifacts.

not rated 943 +11 2d ago A 586 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: