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.

html-to-webflow

1225

febi-git/html-to-webflow

Plugin Claude Code

Bundles 1 skill · 153 tokens together

Ship hand-coded or vibe-coded HTML/CSS/JS into Webflow via the moden.club converter. Encodes 48+ tested fixes for class collisions, Designer canvas glitches, GSAP/ScrollTrigger integration, asset re-linking, and re-import cleanup. Asks which CSS framework to use for new projects — Lumos v2, Finsweet Client-First v2.1.

not rated 6 3mo ago A tokens not measured original MIT

ui-error-snapshot

1226

duo121/ui-error-snapshot

Cursor rule Cursor

A development check that reads a stored snapshot of uncaught errors from a web, Electron, or React Native Web interface. It reports whether the development interface has a visible error screen or captured stack trace.

not rated 6 2mo ago A 394 tokens original MIT

project

1227

PoulpYBifle/NCF-Coding-Best-Practices

Cursor rule Cursor

Regles NCF pour projets Next.js + React + TypeScript. Securite, accessibilite, TDD, conventions.

not rated 6 6mo ago A 2,650 tokens

ink-wash-website

1228

qybaihe/inkview

Skill Codex needs its repo

Transform existing or new websites, web apps, landing pages, dashboards, and UI prototypes into a refined modern Chinese ink-wash / guse-guoxiang visual style. Use when Codex is asked to make a site water-ink, sumi-e, Chinese classical, oriental, guofeng, ancient elegant, xuan paper, ink brush, or to apply the bundled…

not rated 6 4mo ago A 92 tokens original MIT

coding-guidelines

1229

smeubank/cursor-template

Cursor rule Cursor

// types/index.ts export interface BusinessHour { id: number dayofweek: number opentime: string closetime: string isopen: boolean createdat: string updatedat: string }.

not rated 6 1y ago A 2,893 tokens original MIT

htmlshop

1230

robzilla1738/htmlshop

Plugin Claude Code

Bundles 1 skill · 104 tokens together

Local visual editor for HTML design files. Click elements to edit text, fonts, layout, and backgrounds. Layers panel, transform handles, carousel multi-edit, PNG/JPG export.

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

reactbits-ui-skills

1231

lumacoder/react-bits-skills

Skill Claude CodeCodex

A guide for building React interfaces with the React Bits component framework. React is a JavaScript library for making web interfaces, and components are reusable pieces of a page.

not rated 6 6mo ago B 89 tokens

a11y-audit

1232

Shiven0504/claude-skills-collection

Skill Claude CodeCodex

Audit and fix accessibility issues in React/Next.js components — WCAG compliance, ARIA patterns, keyboard navigation, color contrast, screen reader support, and semantic HTML. Use this skill whenever the user asks about accessibility, a11y, WCAG compliance, screen reader support, keyboard navigation, focus management…

not rated 6 5mo ago A 109 tokens original MIT

agentlink

1233

tomaspozo/agentlink

Cursor rule Cursor

AgentLink — core architecture for full-stack Supabase apps.

not rated 6 1mo ago A 747 tokens original MIT

claude-design-importer

1235

stephengpope/claude-design-importer

Plugin Claude Code

Bundles 1 skill · 87 tokens together

Convert pixel-exact design mockups (e.g. HTML from Claude's design tool) into production Tailwind / shadcn-on-Radix components that use a real token system instead of arbitrary values like text-[13.5px].

not rated 6 2mo ago A tokens not measured original MIT

x3p0-theme-patterns

1236

x3p0-dev/x3p0-skills

Skill Claude CodeCodex

WordPress block pattern conventions. Use this skill before writing, editing, or reviewing any pattern file — regardless of theme or project. Triggers on: "create a pattern", "write a pattern file", "add a pattern", "build a template pattern", or any task that produces a file under /patterns/. Read this before writing…

not rated 6 3mo ago A 82 tokens

classmcp

1237

TheDecipherist/classmcp

MCP server Claude CodeCodexCursor +2

MCP server providing semantic CSS patterns optimized for AI code generation - supports Tailwind, Bootstrap, UnoCSS, Tachyons with 77% token savings. Runs locally from the classmcp npm package.

not rated 6 8mo ago A tokens not measured original MIT

kesslerio/ultimate-frontend-design-openclaw-skill

Skill Claude CodeCodex

Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites…

not rated 6 6mo ago A 96 tokens copy · 100% Apache-2.0

react-vite-expert

1239

QuestForTech-Investments/claude-code-skills

Skill Claude CodeCodex

Complete React + Vite expertise for building optimized, scalable applications. Covers project architecture, folder structure, component patterns, performance optimization, TypeScript best practices, testing, and build configuration. Use when building React apps with Vite, organizing projects, optimizing performance…

not rated 6 10mo ago A Socket: passSnyk: pass 75 tokens

taste-skill-zh-CN

1241

Hayatelin/taste-skill-zh-CN

Plugin Claude Code

Bundles 13 skills · 1,366 tokens together

A Chinese-language design guide for making AI-generated interfaces look more intentionally designed. It covers layout, typography, animation, and spacing.

not rated 6 +1 1mo ago A tokens not measured

procedural-starfield

1242

CK42BB/procedural-stars-threejs

Skill Claude CodeCodex

Generate stunning procedural night skies, starfields, nebulae, and celestial phenomena in Three.js using WebGPU compute with WebGL2 fallback. Covers scientifically-grounded starfields with spectral color temperature, magnitude-based brightness, and twinkling; volumetric nebulae with emission/absorption/reflection…

not rated 6 7mo ago A 226 tokens original MIT

check-a11y

1243

Ge0rg3/vscode-prompt-studio

Skill Claude Code

Audit a page for accessibility failures and report the failing selector with its fix.

not rated 6 15d ago A 19 tokens GPL-3.0

react-native-dev

1244

martgueritainaccurate875/skills

Skill Claude CodeCodex

React Native and Expo development guide covering components, styling, animations, navigation, state management, forms, networking, performance optimization, testing, native capabilities, and engineering (project structure, deployment, SDK upgrades, CI/CD). Use when: building React Native or Expo apps, implementing…

not rated 6 today A 102 tokens copy · 95% MIT

html-to-miniprogram

1245

raidenfc/my-skills

Skill Claude CodeCodex

A conversion tool for turning HTML, React, or Vue demo pages into native WeChat Mini Program projects. WeChat Mini Programs are small apps that run inside WeChat.

not rated 6 1mo ago A 59 tokens

survey-creator-skill

1246

piter902/survey-creator-skill

Skill Claude CodeCodex

Create schema-validated HTML survey pages from natural-language requirements using the admin designer references. Use this skill whenever the user asks to create, design, prototype, render, or generate a survey/questionnaire HTML page, especially when they want free-form UI style but need the question structure…

not rated 6 3mo ago A 94 tokens original MIT

extrair-design-system

1247

xperiun/genesis-os

Skill Claude CodeCodex

Extrai o design system de um HTML/URL/print e gera um design-system.html canônico (11 seções, anatomia replicável, regras do/dont, tokens CSS, classes .ds-, WCAG AA, voz, versionamento) preservando 100% das classes/animações originais. Salva o DS mestre do seu OS em contexto/design-system.html e a referência extraída…

not rated 6 1mo ago A 162 tokens

design-md-creator

1248

iFurySt/DESIGN.md

Skill Codex

Create or refine a DESIGN.md from a public website URL, then use that design system to build and open a standalone HTML page based on either a reference URL or the user's requested page and content. Visually validate the HTML and feed reusable corrections back into DESIGN.md. Use when the user wants a DESIGN.md, an…

not rated 6 2mo ago A 99 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: