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.

fix-xml-globals

673

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 45 yesterday A SkillSpector: warn 231 tokens original Apache-2.0

vercel-microfrontends

674

vercel/microfrontends

Skill Claude CodeCodex ✓ vendor

Guide for building, configuring, and deploying microfrontends on Vercel. Use this skill when the user mentions microfrontends, multi-zones, splitting an app across teams, independent deployments, cross-app routing, incremental migration, composing multiple frontends under one domain, microfrontends.json…

not rated 45 2d ago A Socket: passSnyk: warn 122 tokens original MIT

next-best-practices

675

ssdeanx/AgentStack

Skill Claude Code

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling.

not rated 45 6mo ago A 38 tokens

fde-demo

676

OpenFDEAI/ChatDemo

Plugin Claude Code

Bundles 1 skill · 109 tokens together

Build a customer demo live while the FDE talks with the customer on-site: turn-based workflow (spec-first, reuse > assemble > generate, 3-minute turns with screenshot self-check), branded Next.js demo template, OpenAPI-to-mock ingestion, and a pre-vetted OSS gallery.

not rated 45 3mo ago A tokens not measured

ak-elementor-studio

677

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 45 +1 6mo ago A 212 tokens original MIT

tui-design

678

gfargo/tui-design-skill

Plugin Claude Code

Bundles 1 skill · 135 tokens together

Design, build, refactor, or review terminal interfaces — full-screen TUIs, interactive prompts, and command-line tools — with Bubble Tea, Ratatui, Textual, and Ink, plus universal patterns for layout, color, keybindings, and discoverability.

not rated 45 +1 changed 10d ago A tokens not measured original MIT

mav-slidecraft-skill

679

maverickgao8848/mav-slide-craft-skill

Skill Claude CodeCodex

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch.

not rated 45 +1 4mo ago A 51 tokens

page-building

680

guillermoscript/lms-front

Skill Claude CodeCodex

Build or edit a school's public landing pages (home, course, product, pricing pages) with the lmslanding tools - templates first, real data only, granular ops.

not rated 45 +1 4d ago A 41 tokens original MIT

b24-ui-nuxt

681

bitrix24/b24ui

Skill Claude CodeCodex

Build UIs with @bitrix24/b24ui-nuxt v2 — 130+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, building forms, or composing layouts for a Bitrix24 application.

not rated 44 5d ago A SkillSpector: pass 55 tokens original MIT

igniteui-theming

682

IgniteUI/igniteui-theming

MCP server Claude CodeCodexCursor +2

Generate Sass palettes, typography, elevations, and themes for Ignite UI components. Runs locally from the igniteui-theming npm package.

not rated 44 yesterday A tokens not measured original MIT

sceneproof

683

ReyJ94/SceneProof

Skill Claude CodeCodex

Use whenever a change can alter rendered output — components, styles, layout, SVG, canvas, scenes, cameras, lights, materials, animation — before claiming that something looks right, is visible, or renders correctly, and when diagnosing why something is invisible, black, clipped, misframed, or mis-lit.

not rated 43 +1 changed 3d ago A SkillSpector: pass 66 tokens original MIT

create-form

684

FouadMagdy01/RNCopilot

Skill Claude Code needs its repo

Generate a validated form with Zod schema, react-hook-form, and i18n.

not rated 43 8mo ago A 20 tokens original MIT

tailwindplus

685

richardkmichael/mcp-tailwindplus

MCP server Claude CodeCodexCursor +2

One of 3 in .mcp.json

MCP server "tailwindplus" as configured in richardkmichael/mcp-tailwindplus. Runs locally from the mcp-tailwindplus Python package. Needs 1 environment variable to run.

not rated 43 +1 yesterday A tokens not measured original MIT

favicon-exporter

686

madebypan/FigCC

Skill Claude CodeCodex

Prepare and export favicon assets from Figma in common web sizes and formats.

not rated 43 24d ago A SkillSpector: pass 19 tokens original MIT

RealTimeLogic/LSP-Examples

Skill Claude CodeCodex needs its repo

Use when modifying the Light Dashboard custom/ variant. Covers the custom mini-CMS engine, layout and color customization, adding/removing pages, HTMX navigation, and CMS-level SMQ page scopes.

not rated 43 21d ago A 46 tokens original MIT

g1455

688

PlugFox/g1455

Skill Claude CodeCodex

Build Flutter UI with g1455, the Liquid Glass package (iOS 26 style glass: refraction, blur, tint, rim). Use when a Flutter project depends on g1455 or imports package:g1455, when code uses GlassHost, GlassSurface, GlassBar, GlassCard, GlassButton, GlassTabBar, GlassSwitch, GlassSlider, GlassStepper, GlassSearchBar…

not rated 43 5d ago A 135 tokens original MIT

basehub-ai/forums

Skill Claude Code

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…

not rated 42 2mo ago A 67 tokens GPL-3.0

excessibility

690

lessthanseventy/excessibility

Plugin Claude Code

Bundles 3 skills · 97 tokens together

LiveView introspection and accessibility testing skills for Phoenix. Use htmlsnapshot() to capture state at any point, axe-core for WCAG compliance, timeline analysis for debugging.

not rated 42 +1 yesterday A tokens not measured original MIT

morphing-icons

692

raphaelsalaja/skill

Skill Claude CodeCodex

Build icon components where any icon morphs into any other through SVG line transformation. Use when asked to "create morphing icons", "build icon transitions", "animate between icons", or "transform icons".

not rated 42 7mo ago A 46 tokens

tale-project/tale

Skill Claude CodeCodex

Run this as the FINAL review step once you have finished a UI change you can load in a browser — it is the visual-regression gate, run once at the end (not after every edit), and the change is not done until it reports score: 100. It drives a real browser over the page, auto-detects its relevant elements (no…

not rated 42 +2 yesterday A SkillSpector: pass 190 tokens original MIT

shadcn

694

PyModel/react-frontend-skills

Skill Claude CodeCodex

Current best-practices guide for shadcn/ui applications. Before applying primitive-specific guidance, inspect whether the checked-in components use Radix UI or Base UI; current shadcn supports both (Base UI is the default for new projects) and their composition APIs differ. Component installs and upgrades go through…

not rated 42 +2 changed 1mo ago A Socket: passSnyk: pass 16 tokens original MIT

christian289/dotnet-with-claudecode

Skill Claude Code

Creates WPF animations using Storyboard, Timeline, and EasingFunction patterns. Use when implementing UI transitions, state change visualizations, or interactive feedback effects.

not rated 41 3mo ago A SkillSpector: warn 32 tokens original MIT

figma-to-code

696

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 40 1mo ago A 0 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: