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.

rules

361

MichealWayne/fe-tools

Cursor rule Cursor

A coding rule containing one JavaScript arrow-function example that adds two parameters. No broader purpose or scope is provided.

not rated 205 10d ago A 0 tokens

ui-audit

362

rustfs/console

Skill Codex

Audit and fix UI quality issues across web apps, dashboards, landing pages, product sites, forms, dialogs, tables, component libraries, and rendered frontend flows. Use when the user asks for UI walkthrough, visual QA, pixel/detail review, dimensions, spacing, whitespace, color hierarchy, alignment, typography, icon…

not rated 205 2d ago A SkillSpector: warn 97 tokens original Apache-2.0

oxy-custom-apps

363

oxy-hq/oxygen

Skill Claude Code

Use when building, debugging, reviewing, shipping, or verifying an Oxy custom-app bundle (a code-first React/Vite app served by Oxy at /customer-apps/ / /), including writing Oxy Functions, driving them from the UI, and checking a published app in the browser with the Playwright MCP server (no CI checks a published…

not rated 205 +1 changed yesterday A 220 tokens original Apache-2.0

html-line-svg

364

simbajigege/book2skills

Skill Codex

A method for turning content, screenshots, sketches, or existing HTML diagrams into simple instructional line drawings made with inline SVG, a web format for vector graphics.

not rated 203 +5 2mo ago A SkillSpector: pass 210 tokens original MIT

soloncode-skin-skill

365

opensolon/soloncode

Skill Claude CodeCodex

A tool that packages a visual theme for SolonCode Web UI as an installable ZIP file. SolonCode is a web-based coding interface, and a skin changes its colors, backgrounds, and overall appearance.

not rated 198 +1 5d ago A SkillSpector: pass 78 tokens original MIT

vite-three-js

366

hexianWeb/Third-Person-MC

Cursor rule Cursor

A coding style guide for building Three.js projects with Vite, a fast JavaScript development setup, using reusable classes managed through one central `Experience` instance.

not rated 197 3mo ago A 2,494 tokens original MIT

obsidian

367

gapmiss/obsidian-plugin-skill

Skill Claude CodeCodex

Comprehensive guidelines for Obsidian.md plugin development including ESLint rules from eslint-plugin-obsidianmd v0.5.0, TypeScript best practices, memory management, API usage (requestUrl vs fetch), UI/UX standards, popout window compatibility, community.obsidian.md submission process, and Scorecard optimization. Use…

not rated 196 +1 changed yesterday A Socket: passSnyk: passSkillSpector: warn 105 tokens original MIT

domscribe

368

patchorbit/domscribe

Plugin Gemini CLI

Domscribe is a pixel-to-code development tool that maps running UI elements to their exact source locations, capturing runtime context (props, state, DOM) for handoff to coding agents via MCP.

not rated 195 changed 10d ago A tokens not measured original MIT

clone-website

369

TerminalSkills/skills

Skill Claude CodeCodex needs its repo

Rebuilds an existing website as a clean new codebase that looks and behaves like the original: captures pages, breakpoints, design tokens, assets and interaction states with a browser tool, plans the build, rebuilds section by section and proves each one against the capture with a pixel diff. Use when the user says…

not rated 192 +5 changed 12d ago A SkillSpector: warn 146 tokens original Apache-2.0

fireworks-open-eli5

371

yizhiyanhua-ai/fireworks-open-eli5

Skill Codex

Create evidence-aware, interactive visual explainers as self-contained offline HTML. Use when a user asks to explain a concept, repository module, engineering tradeoff, or incident with a diagram, walkthrough, ELI5 treatment, data/request trace, failure view, or teach-back. Do not use for a plain short answer…

not rated 191 2mo ago A 86 tokens original Apache-2.0

dashmotion

372

csthink/dashmotion

Skill Claude CodeCodex

Create dark-themed, animated technical diagrams as self-contained HTML+SVG files — flowcharts whose connectors visibly flow, and architecture diagrams where requests travel as light dots through the system (Diagrid/Temporal landing-page style). Use this skill whenever the user asks for a flowchart, workflow, pipeline…

not rated 191 +7 4mo ago A SkillSpector: warn 187 tokens original MIT

moi-workspace

373

molefrog/moi

Skill Claude CodeCodex

The Moi workspace — the web UI the user chats from, extended with agent-authored applets (widgets, views) plus theme & config. Read this FIRST when a message carries a hidden moi-context envelope or the user uses Moi vocab such as workspace, applet, widget, view, scratchpad, dashboard, or a moi command, or asks to…

not rated 191 yesterday A 94 tokens

mcp

374

keyline-icons/keyline-icons

MCP server Claude CodeCodexCursor +2

Search Keyline Icons by name and get any icon's SVG source or React import. No key, no network. Runs locally from the @keyline-icons/mcp npm package.

not rated 188 +2 4d ago A tokens not measured original MIT

ui-design

375

mblode/agent-skills

Skill Claude CodeCodex

Designs and builds React/Next/Tailwind UI, audits visual and interaction defects, and stress-tests components with worst-case data. Use when asked to "build a landing page", "extract our design system", "add dark mode", "make this responsive", "remove UI slop", "audit this component", "stress-test this component"…

not rated 187 +10 changed 15d ago A Socket: passSnyk: passSkillSpector: pass 86 tokens original MIT

skilld-dev/vue-ecosystem-skills

Skill Claude CodeCodex

Use when writing, debugging, or refactoring code that imports @tanstack/vue-router (TanStack Router for Vue). Covers setup, file-based and code-based routes, composables returning Ref, Link, loaders, search params, SSR, and v1.170.x deprecations.

not rated 184 changed 27d ago A SkillSpector: pass 67 tokens original MIT

awesome-design-html

377

yzfly/awesome-design-html

Skill Claude CodeCodex

A collection of 118 single-page HTML design references, including a Chinese Traditional Colors swatch page and 96 examples of marketing websites.

not rated 184 +4 4mo ago A 405 tokens

tao943/build-resume-portfolio-site

Skill Claude CodeCodex

Use when turning resume materials and an optional job description into verified, approved content and a runnable React + Vite resume or portfolio site, or when redesigning an existing confirmed site.

not rated 183 +2 changed 2mo ago A 43 tokens

symfony-ux-skills

379

smnandre/symfony-ux-skills

Plugin Claude Code

Bundles 7 skills · 1,492 tokens together

AI agent skills for the Symfony UX frontend stack: Stimulus, Turbo, TwigComponent, LiveComponent, Icons, and Map.

not rated 183 +1 4mo ago A tokens not measured original MIT

Hex1b.McpServer

380

mitchdenny/hex1b

Skill Claude CodeCodex

This skill provides guidance for AI agents working with the Hex1b TUI (Terminal User Interface) library and its MCP diagnostic tools.

not rated 181 3d ago A SkillSpector: pass 0 tokens original MIT

design-tokens

381

dylanfeltus/skills

Skill Claude CodeCodex

Generate type scales, color palettes, spacing systems, WCAG contrast checks, and dark mode derivations with math. Use when setting up a design system, creating tokens, or building a Tailwind/CSS theme. Outputs CSS custom properties, Tailwind config, or JSON tokens.

not rated 180 1mo ago A 60 tokens original MIT

msagljs

382

microsoft/msagljs

Skill Claude CodeCodex ✓ vendor

Use MSAGL-JS (Microsoft Automatic Graph Layout) to lay out and visualize networks in JavaScript or TypeScript. Use for graph and network layout, DOT/JSON/JGF parsing, live embedded SVG or WebGL graphs, Sugiyama/MDS/IPSepCola layouts, edge routing, and exporting SVG, PDF, PNG, EPS, or PostScript figures for LaTeX and…

not rated 175 yesterday A SkillSpector: pass 87 tokens original MIT

vgv-ai-flutter-plugin

383

VeryGoodOpenSource/vgv-ai-flutter-plugin

Plugin Claude Code

Bundles 15 skills, 1 agent, 4 hooks, 2 MCP servers · 2,709 tokens together

Best-practice skills for Flutter and Dart covering accessibility, animations, BLoC, testing, theming, navigation, security, internationalization, layered architecture, license compliance, UI packages, project creation, SDK/lint upgrades, and an autonomous quality-gate loop that drives analyze, format, test, and…

not rated 175 changed 1mo ago A tokens not measured original MIT

interface-kit

384

JuliusBrussee/skills

Skill Claude CodeCodex

Authoritative guide for implementing stunning, accessible, performant UI. Synthesizes design engineering philosophy, accessibility standards, animation principles, spatial design, typography, color systems, and component craft into a single actionable reference. Complements the design-system skill (which covers…

not rated 175 +5 3mo ago A Socket: passSnyk: passSkillSpector: pass 125 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: