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.

website-builder-setup

289

tenfoldmarc/website-builder-setup

Skill Claude CodeCodex

Install the full AI website builder stack — UI/UX Pro Max, Framer Motion animations, and 21st.dev components. One skill, three tools, zero coding experience needed.

not rated 378 +2 4mo ago A Socket: warnSnyk: fail 42 tokens

pixiv/charcoal

Skill Claude CodeCodex

Use before writing or editing code that uses @charcoal-ui with Tailwind, and whenever such a project's charcoal setup is unverified or incomplete. The v2 token route still needs the theme CSS and the .ch-token-v2 opt-in, which the preset does not supply.

not rated 377 today A 63 tokens original Apache-2.0

better-forms

291

Asymmetric-al/core

Skill Claude CodeCodex

Complete guide for building accessible, high-UX forms in modern stacks (React/Next.js, Tailwind, Zod). Includes specific patterns for clickable areas, range sliders, output-inspired design, and WCAG compliance.

not rated 371 +2 changed 1mo ago A SkillSpector: pass 48 tokens AGPL-3.0

Singtaa/OneJS

Skill Claude CodeCodex needs its repo

Use this skill whenever the user wants to build or set up user interface in a Unity project using OneJS, React, TypeScript, or JSX, e.g. 'add a main menu to my game', 'build a settings screen', 'make a HUD', 'set up OneJS', 'my OneJS panel is blank', 'the UI is not hot reloading'. Covers confirming OneJS is installed…

not rated 362 +1 changed yesterday A SkillSpector: warn 211 tokens original MIT

shengjidaguai-china/personal-homepage-skill

Skill Claude CodeCodex

Create or edit personal homepages, portfolios, creator or resume websites, and fixed 16:9 HTML presentations with editable text, HTML export, and optional speaker notes.

not rated 360 +2 changed 1mo ago A 40 tokens

image-to-code

295

yuzhworkhard-wq/image-to-code

Skill Codex

A workflow for turning a provided user-interface image into responsive website code and separate high-resolution PNG assets. It treats the image as the exact visual reference and uses a 750-pixel-wide design basis.

not rated 354 +1 4mo ago A 158 tokens original MIT

web-performance

296

millionco/debug-agent

Skill Claude CodeCodex

Use when the user reports jank, dropped frames, janky scrolling, slow click or typing response, poor INP, slow LCP, layout shifts (CLS), unresponsive pages, or asks to debug rendering, animation, or interaction performance in a browser app.

not rated 353 +1 5mo ago A SkillSpector: warn 57 tokens original MIT

skill

297

chaos-xxl/zelda-hyrule-ui

Skill Claude CodeCodex

A guide for using the zelda-hyrule-ui component library and its visual style rules. It tells an AI coding agent how to get, install, and use the library, including fallback rules when the usual path fails.

not rated 352 +2 4mo ago A 0 tokens

styling

298

shopsys/shopsys

Cursor rule Cursor

CSS and styling patterns for Tailwind and custom styles.

not rated 351 yesterday A 0 tokens

agent-html

299

Sayhi-bzb/Agent-HTML

Skill Codex

Use when editing AgentHTML artifacts, agent-html files, Gallery Preview DSL, blocks, components, sections, prompt schema, or runtime-rendered artifact content. Before editing AgentHTML content, read .agents/skills/agent-html/references/prompt-schema.md for the current DSL contract and enabled component grammar.

not rated 347 +3 3mo ago A SkillSpector: pass 65 tokens original Apache-2.0

react-best-practices

300

AvivK5498/The-Claude-Protocol

Skill Claude CodeCodex

React and Next.js performance optimization patterns. Use BEFORE implementing any React code to ensure best practices are followed.

not rated 347 +1 9mo ago A 27 tokens original MIT

webarchive

301

robrohan/WebArchiveExtractor

Skill Claude CodeCodex

Extract .webarchive files (saved from Safari) into plain HTML/assets using the WebArchiveExtractor CLI. Use when the user wants to unarchive, extract, or convert a .webarchive file.

not rated 346 7mo ago A 43 tokens

termcast

302

remorses/termcast

Skill Claude CodeCodex

Build TUIs with a Raycast-like React API using termcast. Implements @raycast/api components (List, Detail, Form, Action) rendered to the terminal via opentui.

not rated 341 +1 2mo ago A 40 tokens original MIT

gsap-animation

303

notedit/happy-skills

Skill Claude CodeCodex

GSAP + Remotion integration for professional motion graphics video production. Timeline orchestration, text splitting, SVG morphing, advanced easing, and reusable effect presets.

not rated 340 8mo ago A 36 tokens original MIT

svelte-mcp-feedback

304

sveltejs/ai-tools

Skill Claude CodeCodex ✓ vendor

Report Svelte MCP autofixer opportunities when the user corrects a Svelte or SvelteKit mistake the agent made. Use after corrections to .svelte components, .svelte.ts/.svelte.js modules, or SvelteKit features where a reusable check or fix could prevent the mistake. Do not trigger for initial implementation requests…

not rated 337 +1 yesterday A 81 tokens original MIT

motion2code

305

lovisdotio/motion2code

Plugin Claude Code

Bundles 1 skill · 187 tokens together

Motion design video to code: rebuild an AI-generated (or any) flat motion clip as editable SVG + GSAP that loops seamlessly, checked side by side against the source, and optionally as a real interactive site with ScrollTrigger. Scripts to study the video, render frame by frame, compare and check.

not rated 336 +21 17d ago A tokens not measured original MIT

chart

306

kansoku-trade/kansoku

Skill Claude Code

Render financial charts via the local chart web app (workspace at the repo root — Hono server + React front end, port 1792). Four chart types: intraday capital-flow line (flow) and cross-symbol signed-bar comparison (cohort) — both Recharts — plus SEPA strategy dashboard (sepa) and short-term multi-timeframe…

not rated 335 +2 3d ago A 353 tokens

pdsuwwz/nextjs-nextra-starter

Skill Codex

A project guide for a Next.js documentation and landing-page starter built with Nextra, Tailwind CSS, MDX, translations, themes, and interface components. It explains the repository’s structure, existing features, extension points, and migration patterns.

not rated 318 1mo ago A SkillSpector: pass 97 tokens original MIT

ucss

309

cool-team-official/cool-unix

Cursor rule Cursor

Uni-App X implements a subset of Web CSS on the App platform.

not rated 314 9mo ago A 544 tokens

app

310

n9e/fe

Cursor rule Cursor

A set of coding rules for a TypeScript and React frontend project. It covers the project layout, component style, data handling, errors, forms, and theme colours.

not rated 309 today A 693 tokens original Apache-2.0

taste-design

311

jaytel0/taste

Skill Claude CodeCodex

Concrete UI visual rule set for generating and reviewing restrained neutral interfaces. Use for tasks that need exact style constraints: plain sans-serif typography, pale neutral canvases, rounded surfaces, soft shadows, minimal borders, low-saturation color, sparse density, content-neutral placeholders, and…

not rated 306 2mo ago A 62 tokens

ark-ui

312

Brandon030722/ark-ui-skill

Skill Codex

Design, implement, audit, or refactor web and game-adjacent interfaces using an evidence-based Hypergryph visual language with two independent choices: product family and application depth (1 minimal, 2 moderate, 3 complex, 4 maximal). Use for Hypergryph-, Arknights-, Endfield-, Rhodes Island-, industrial sci-fi-…

not rated 291 +2 3mo ago A 127 tokens

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: