Frontend

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

bricks-builder

649

kenming/bricks-builder-skill

Skill Codex

Research, implement, modify, and audit behavior inside Bricks Builder sites using the bundled Bricks Academy corpus, stable development workflows, and version-aware verification against an authorized active Bricks installation. Use when the requested outcome concerns Bricks elements, controls, schema, hooks…

not rated 40 17d ago A SkillSpector: pass 123 tokens original MIT

erayack/svelte-building-blocks

Skill Claude CodeCodex

Svelte best practices for writing, editing, or reviewing Svelte/SvelteKit components and modules. Use when touching Svelte reactivity, props, events, snippets, each blocks, styling, context, actions/attachments, stores, or Svelte 5 runes.

not rated 40 1mo ago A 63 tokens

figma-to-code

651

scoobynko/claude-code-design-skills

Skill Claude CodeCodex

Generate production-ready React/Next.js code from Figma designs. Instructs proper Figma MCP tool usage, component reuse strategies, and variant mapping. CRITICAL: ALWAYS use this skill when user provides a Figma link or mentions implementing/redesigning from Figma design. Never attempt manual implementation without…

not rated 39 10mo ago A 73 tokens original MIT

image-to-code

652

frankxai/claude-skills-library

Skill Claude CodeCodex

Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards…

not rated 39 +1 2d ago A 116 tokens

fe-developer

653

ea-toolkit/architecture-catalog

Agent Claude Code

Frontend developer for the catalog-ui. Use when building, modifying, or fixing React/Astro components, pages, or styles in catalog-ui/. Knows the 3-panel layout, ReactFlow + dagre graphs, CSS --ec- variable pattern, and the 2-tier schema design. Examples: 'Build the heatmap view component' 'Fix the sidebar navigation…

not rated 38 4mo ago A 100 tokens original MIT

Pretend-to/mio-chat-backend

Skill Claude CodeCodex

Author and invoke high-quality, mobile-first AnyUI HTML templates for MioChat. Guides the creation of clean, responsive cards, game interfaces, forms, story choices, and Galgame/visual novel dialogue cards rendered via extraRender in Shadow DOM. Enforces decoupled zero-round-trip async image rendering (pure CSS…

not rated 38 yesterday A SkillSpector: pass 148 tokens original MIT

react-performance

655

clubpay/ronykit

Skill Claude CodeCodex

Optimize React/Next.js runtime performance — eliminate waterfalls, shrink bundles, cut unnecessary re-renders, and speed up rendering. Use when writing, reviewing, or refactoring components for speed, or chasing slow renders, large bundles, janky interactions, or high TTFB/LCP/INP.

not rated 38 3d ago A SkillSpector: pass 64 tokens original BSD-3-Clause

qorm

657

qorm/platform

Skill Claude CodeCodex

Build, edit, and verify QORM apps — an agent-native declarative-UI runtime whose apps are language-neutral JSON (qorm.json + scenes/ + actions/). Use when creating or modifying a UI as QORM JSON, packaging it for web/iOS/Android/desktop, or driving a live QORM app over MCP.

not rated 37 +1 19d ago A SkillSpector: warn 71 tokens original MIT

compose-python-stack

658

leynier/python-template

Skill Codex

Design and generate a compatible project from the Python Template component layers or presets. Use when choosing a workload, framework, AI providers, data engines, interfaces, training and serving tools, deployment target, or IaC option; also use when a user wants a simple library, CLI, or API without AI.

not rated 37 7d ago A SkillSpector: pass 65 tokens original MIT

engineering-patterns

660

wesselgrift/sveltekit-spa

Cursor rule Cursor

Classic engineering patterns applied to SvelteKit + TypeScript + Supabase projects. Use when structuring a SvelteKit app, organizing data access, abstracting third-party services, managing shared state, improving testability, or when the user describes a problem that a Factory, Repository, Service Layer, Singleton…

not rated 37 5mo ago A 72 tokens original MIT

ui-application-detail

661

eliornl/rolemule

Cursor rule Claude CodeCursor

Application detail page — 10-tab layout, render functions, CSS classes, data field mappings, content regeneration.

not rated 37 today A 0 tokens original MIT

hypervibe

662

flavien-ia/hypervibe-harness

Plugin Claude Code

Bundles 87 skills, 1 hook, 1 MCP server · 7,093 tokens together

Bootstrap a full-stack T3 project (Next.js + tRPC + Drizzle + Tailwind + shadcn/ui) with modular addons for database, auth, payments, email, storage, i18n, analytics, domain, and SEO. Deploys to Vercel with GitHub integration.

not rated 37 changed today A tokens not measured original Apache-2.0

linuxdevel/Avalonia-skills

Skill Claude CodeCodex

Use when building production-quality Avalonia screens — copy-paste XAML recipes for cards, primary/secondary/icon buttons, dialogs, sidebar nav, command bar, settings page, forms with validation, empty states, toasts, badges, skeletons. All recipes use semantic tokens from the design-system sub-skill.

not rated 37 +2 4mo ago A 69 tokens original MIT

scroll-video-website

664

musoyangrigor/scroll-video-website-skill

Skill Codex needs its repo

Turn a user-provided video into an Apple-style, scroll-driven website with smooth canvas video scrubbing, optimized WebP frame sequences, progressive loading, and responsive motion. Use for cinematic product reveals, landing pages, scrollytelling, image-sequence animation, and scroll-controlled video; also optimize…

not rated 36 +8 6d ago A SkillSpector: pass 69 tokens original MIT

mcp

665

starwind-ui/starwind-ui-mcp

MCP server Claude CodeCodexCursor +2

Framework-aware Starwind UI v3 tools for Astro and React setup, components, docs, and migration. Runs locally from the @starwind-ui/mcp npm package.

not rated 35 25d ago A tokens not measured original MIT

next-devtools

666

803/skills-supply

MCP server Claude CodeCodexCursor +2

Next.js development tools MCP server with stdio transport. Runs locally from the next-devtools-mcp npm package.

not rated 35 7mo ago A tokens not measured

ak-elementor-studio

667

abanoubkhaliil/Ak-Elementor-Studio

Skill Claude CodeCodex

AK Elementor Studio — built by Abanoub Khalil (akstudio.me). Converts ANY input — HTML/CSS/JS code, screenshots, images (PNG, JPG, WebP), PDFs, Figma exports, design mockups, wireframes, or any visual file — into fully structured Elementor page JSON templates importable into WordPress. Activate this skill whenever the…

not rated 35 +1 4mo ago A 212 tokens original MIT

vue

669

devSlow/aigc

Cursor rule Cursor

A set of project rules for Vue 2 web applications, covering project structure and naming files and variables.

not rated 35 1y ago A 0 tokens

fix-xml-globals

670

UI5/plugins-coding-agents

Skill Claude CodeCodex

Fix XML view/fragment issues that UI5 linter reports but cannot auto-fix. Use this skill when linter outputs these rules: no-globals - For ALL global variable access in XML views — sap., jQuery., AND app-namespace globals (e.g., com.example.app.utils.Handler.onPress, my.app.formatter.method) no-ambiguous-event-handler…

not rated 34 yesterday A SkillSpector: warn 231 tokens original Apache-2.0

EOxElements

671

EOX-A/EOxElements

MCP server Claude CodeCodexCursor +2

A server to provide information about EOxElements custom elements for coding agents. Runs locally from the @eox/elements-mcp-server npm package.

not rated 34 yesterday A tokens not measured original MIT

auto-favicon

672

dh1011/auto-favicon-mcp

MCP server Claude CodeCodexCursor +2

A Model Context Protocol server providing tools for automatic favicon generation from PNG images or URLs. Runs locally from the auto-favicon Python package.

not rated 34 1y ago A tokens not measured 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: