Frontend skills

13,879 tagged Frontend, measured the same way as everything else here.

Browse within: skills 120agent 118agentic-ai 98LLM 96javascript 95nextjs 85cursor 73design-system 62copilot 57agents 54cli 52agentic 48open-source 47claude-code-plugin 45

flet-development

529

HnBigVolibear/awesome-flet-development-skill

Skill Claude CodeCodex

This skill should be used when developing desktop/web applications with Flet; encountering Flet 1.0+ version compatibility issues; migrating from Flet 0.x to 1.0+; encountering API errors with Tabs/Badge/Radio/BorderRadius controls; needing guidance on Flet animations, async operations, or layouts. Covers Flet 0.82.0+…

not rated 24 5mo ago A 92 tokens original MIT

bitovi/superconnect

Skill Claude CodeCodex

Generates Figma Code Connect mappings for React or Angular repos, validates them with pre-checks and the Figma CLI, and can publish via figma connect. Use when a user provides a Figma file URL and a component repo and asks for Code Connect files, figma.config.json, or validation.

not rated 24 7mo ago A 67 tokens original MIT

zian10001/codex-frontend-visual-handoff

Skill Codex

Provider-neutral, Windows-first Beta workflow for inspecting, preparing, and reviewing bounded frontend visual handoffs with optional external coding clients and a Codex-only path. Use only when the user explicitly invokes $frontend-visual-handoff; default to mode=inspect, require a separate second invocation with…

not rated 24 1mo ago A 88 tokens original Apache-2.0

elementor-v3-builder

532

cosmincraciun97/stonewright-wp-mcp

Skill Claude CodeCodex

Stonewright Elementor V3 builder for native-first implementation from Figma, screenshots, images, or briefs, plus pages, widgets, Loop Grid, templates, kit styles, responsive edits, and safe batch mutations. Use whenever a task reads, plans, builds, or repairs an Elementor V3 page or template.

not rated 24 15d ago A 68 tokens AGPL-3.0

html-style-generator

533

Renais-Star/html-style-generator

Skill Claude CodeCodex

A tool for generating multiple connected HTML page prototypes in different design styles. The generated pages use Simplified Chinese text, custom CSS styling, navigation links, and optional image and icon libraries.

not rated 24 6mo ago A 29 tokens original MIT

devinilabs/pro-skill

Skill Codex

Build rich, scroll-controlled real-time Three.js experiences as one persistent 3D world whose camera, lighting, atmosphere, materials, objects, DOM story, and interactions evolve across authored chapters. Use for 3D scrollytelling, scroll-driven WebGL worlds, camera journeys, interactive portfolios, product stories…

not rated 24 +4 28d ago A 105 tokens copy · 100% MIT

interface-design

535

jaimevalasek/aioson

Skill Claude CodeCodex

The framework's single design engine: craft-first selection of an intentional visual direction, a stable token system, and UI continuity across screens. A blank designskill resolves to it; only a project-forged skill (site-forge or hybrid output) that designskill names explicitly replaces it. Never combined with…

not rated 24 2d ago A 71 tokens AGPL-3.0

frontend-design

536

yrris/pro-agent

Skill Claude CodeCodex

A tool for generating a complete single-file web page, such as a landing page, dashboard, form, or prototype. The output is a self-contained site.html file that can be previewed.

not rated 23 1mo ago A 38 tokens

ai-agents-ui-skills

537

gocallum/nextjs16-agent-skills

Skill Claude CodeCodex

Comprehensive guide for building AI agents using ToolLoopAgent, workflow patterns, and AI SDK UI components (useChat, generative UIs, tool calling).

not rated 23 7mo ago A 32 tokens

react-navigation/skills

Skill Codex

Migrate React Navigation 7.x or 8.x navigators from JSX-based Dynamic API Navigator and Screen elements to Static API object configuration. Use when converting React Navigation screen trees, static navigation containers, nested navigators, groups, linking/deep-link config, render callbacks, getComponent screens…

not rated 23 2mo ago A 83 tokens

accessible-by-default

539

ThomasSweet/a11y-foundation

Skill Claude CodeCodex

Build web UI that is accessible through the platform instead of patched with ARIA and JavaScript. Use when writing or reviewing HTML and CSS for any web interface - choosing between a native element and a hand-built component, styling focus, honouring user preferences such as reduced motion or forced colors, meeting…

not rated 23 4d ago A SkillSpector: pass 82 tokens original MIT

inspecto-dev/inspecto

Skill Codex

Use when Codex should install or set up Inspecto in the current frontend project through the shared onboarding workflow.

not rated 23 6d ago A SkillSpector: warn 30 tokens original MIT

onlineinference/json-ld-schema-generator

Skill Claude CodeCodex

Generates complete, valid schema.org JSON-LD structured data markup for web pages: Event schema (conferences, webinars), Article and blog post schema, Person profile pages, VideoObject and podcast schema, FAQ markup, product/Service offering pages, glossary and "what is X" topic pages, and general WebPage/AboutPage…

not rated 23 26d ago B 206 tokens original MIT

angular-doctor

542

antonygiomarxdev/angular-doctor

Skill Claude CodeCodex

Run after making Angular changes to catch issues early. Use when reviewing code, finishing a feature, or fixing bugs in an Angular project.

not rated 23 5mo ago A 31 tokens

web-visuals

543

siimvene/SwarmOps

Skill Claude CodeCodex

Generate emotionally resonant, production-grade web pages and interfaces with extraordinary visual beauty. Trigger this skill when the user says "start building" a web page, landing page, portfolio, app UI, or any web interface where visual excellence is the primary goal. Also trigger on phrases like "make it…

not rated 23 7mo ago A 142 tokens original MIT

remix

544

pi0/vite-plugin-remix3

Skill Claude CodeCodex needs its repo

Build and review Remix 3 applications using the remix npm package and subpath imports. Use when working on Remix app structure, routes, controllers, middleware, validation, data access, auth, sessions, file uploads, server setup, UI components, hydration, navigation, or tests.

not rated 23 4mo ago A 62 tokens copy · 86% MIT

shadcn

545

kston83/react-ai-template

Skill Claude CodeCodex

Complete shadcn/ui component management for adding, searching, fixing, styling, and composing UI.

not rated 23 4mo ago A 24 tokens

cloudxr-js-sdk

546

NVIDIA/cloudxr-js-samples

Skill Claude CodeCodex ✓ vendor

Build WebXR streaming clients with NVIDIA CloudXR.js SDK. Use when developing WebXR apps, integrating CloudXR streaming, creating VR/AR web clients, working with @nvidia/cloudxr, or building React Three Fiber XR applications.

not rated 23 +1 3mo ago A 52 tokens original Apache-2.0

forja-landing

547

Carlos-Dominguez-faber/forja-landing

Skill Claude CodeCodex

Construye landing pages cinematicas para cualquier tipo de negocio — personal brand, SaaS, agencia, producto, curso, consultor, clínica — con video hero Seedance, crítica anti-AI-slop y auditoría web. Usar cuando el usuario pide construir una landing page. Adapta secciones, copy y CTAs al tipo de negocio. Anti-AI-slop…

not rated 23 4mo ago A 85 tokens original MIT

convert-web-app

548

AI-Riksarkivet/ra-mcp

Skill Claude Code

This skill should be used when the user asks to "add MCP App support to my web app", "turn my web app into a hybrid MCP App", "make my web page work as an MCP App too", "wrap my existing UI as an MCP App", "convert iframe embed to MCP App", "turn my SPA into an MCP App", or needs to add MCP App support to an existing…

not rated 23 +2 today A SkillSpector: pass 115 tokens original Apache-2.0

magnusfroste/flowwink

Skill Claude CodeCodex

Admin Copilot site-builder loop (copilot-action) is exposed as MCP skill buildsitestep so external claws drive the same loop the admin UI uses.

not rated 23 +1 today A 41 tokens original MIT

design-to-code

550

ursazoo/lanhu-to-code

Skill Claude CodeCodex

Lanhu to Code workflow for Claude Code. Convert Lanhu design URLs into Vue/React frontend code with component reuse, design token mapping, TODO-safe business logic, and optional code review.

not rated 22 4mo ago A 42 tokens

hecate-ui

551

hecatehq/hecate

Skill Claude CodeCodex

Use when working on the Hecate operator UI in ui/. Keeps frontend work aligned with Hecate's operator-console workflows, runtime-debugging focus, and React/Vite stack.

not rated 22 today A SkillSpector: pass 43 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: