Frontend skills

14,708 tagged Frontend, measured the same way as everything else here.

Browse within: reference 201checklist 198front-end-developer-tool 198front-end-development 198guidelines 198agent 106javascript 106LLM 101agentic-ai 101skills 96cursor 84chatgpt 58nextjs 56copilot 51

smithery-homepage

145

arcadeai-labs/smithery-cli

Skill Claude CodeCodex

Build and edit the Smithery homepage app -- a TanStack Start + shadcn/ui web app at /.smithery/homepage that connects to MCP servers through the Smithery Connect API. Use this skill whenever the user wants to create, modify, or add features to the Smithery homepage, build pages that display data from MCP tools (Linear…

not rated 849 5mo ago A 135 tokens AGPL-3.0

getopenpost/openpost

Skill Claude CodeCodex

Guidance on writing fast, robust, modern Svelte code. Load this skill whenever in a Svelte project and asked to write/edit or analyze a Svelte component or module. Covers reactivity, event handling, styling, integration with libraries and more.

not rated 845 +82 today A 59 tokens AGPL-3.0

genui

147

omdsh-dev/dsh-genui

Skill Claude CodeCodex

Render structured interactive UI inline through the dsh-ui fence. Use for key points, emphasis, comparisons, flows, steps, status, data, demos, and interactions whenever structured presentation would be clearer than prose. Preserve conversation language for all user-visible text.

not rated 832 +56 changed yesterday A 54 tokens original MIT

signals-dart

148

rodydavis/signals.dart

Skill Claude CodeCodex

Advanced reactive state primitives, collections, mixins, and utilities of signalscore.

not rated 824 +2 1mo ago A SkillSpector: pass 20 tokens original Apache-2.0

web-design

149

xiaopu-ai/web-design

Skill Claude CodeCodex

A web design workflow for turning a brief, reference website, screenshot, or keywords into a design specification and then web code. It covers visual style, page structure, interaction, responsive layouts, and motion.

not rated 807 +7 4mo ago A 151 tokens original MIT

holocron

150

remorses/holocron

Skill Claude CodeCodex

Holocron is a Mintlify-compatible docs site generator and Vite plugin. Use this skill when creating, migrating, customizing, or deploying a Holocron documentation site. Also load when writing index.mdx, page titles, hideTitle, Above heroes, or homepage SEO for Google brand ranking.

not rated 805 changed 17d ago A SkillSpector: warn 64 tokens

building-components

151

vercel/components.build

Skill Claude CodeCodex ✓ vendor

Guide for building modern, accessible, and composable UI components. Use when building new components, implementing accessibility, creating composable APIs, setting up design tokens, publishing to npm/registry, or writing component documentation.

not rated 802 +2 2mo ago A Socket: passSnyk: pass 46 tokens

design-taste-frontend

152

coco-research/coco

Skill Claude CodeCodex

Use when the user asks for a landing page, marketing site, portfolio, or redesign, not dashboards or data tables. Infers a design read, sets the three dials, picks a real design system, and blocks generic AI patterns at pre-flight.

not rated 796 +5 changed 1mo ago A 57 tokens

html-game-generator

153

buildfastwithai/gen-ai-experiments

Skill Claude CodeCodex

Build a complete, polished, production-quality browser game inside a single self-contained HTML file using only vanilla HTML, CSS and JavaScript — no frameworks, no libraries, no external assets. Use this skill whenever the user asks for a game, a playable demo, a prototype, an interactive toy, or anything "inspired…

not rated 790 +2 yesterday A SkillSpector: warn 195 tokens original MIT

menu-migration

154

asmyshlyaev177/react-horizontal-scrolling-menu

Skill Claude CodeCodex

Detect and upgrade pre-v8 react-horizontal-scrolling-menu patterns that agents trained on older data still generate: destructured visibleElements/isFirstItemVisible/isLastItemVisible/initComplete (removed v6), Separator items, separatorClassName and getPrevItem/getNextItem (removed v7), the Arrows prop (removed v3)…

not rated 788 changed 1mo ago A SkillSpector: warn 160 tokens original MIT

polycss

155

layoutit/polycss

Skill Claude CodeCodex

Build PolyCSS scenes that render 3D meshes, primitive shapes, or custom polygons as DOM/CSS polygon elements. Use when asked to create, port, debug, or explain PolyCSS code in vanilla JavaScript, React, or Vue.

not rated 772 +1 2mo ago A SkillSpector: pass 52 tokens original MIT

web-shader-extractor

156

lixiaolin94/skills

Skill Claude CodeCodex

Use when a user gives or references a webpage URL and wants to extract, reproduce, port, or locally replay a WebGL, WebGPU, Canvas, shader-like, animated background, interactive 3D, or web visual effect. Locks the target rendering surface group, records shader/resource/render graph/timing/input evidence, builds an…

not rated 768 +2 2d ago A Socket: passSnyk: warn 94 tokens

ofajs-docs

157

ofajs/ofa.js

Skill Claude CodeCodex needs its repo

Complete documentation knowledge base for ofa.js framework. Use when users ask about ofa.js usage, component development, page modules, routing configuration, state management, or want to build Web applications without Node.js/Webpack.

not rated 754 changed 1mo ago A SkillSpector: warn 49 tokens original MIT

gutenberg-build-page

158

use-novamira/novamira

Skill Claude CodeCodex

Build or edit a page in the live Gutenberg block editor with Novamira Visual tools. Use when creating or changing native block content (headings, paragraphs, lists, images, columns, groups) in the open block editor.

not rated 750 +6 2d ago A SkillSpector: pass 51 tokens AGPL-3.0

taste-skill

159

best-of-ai/best-of-ai

Skill Claude CodeCodex

Taste Skill, subtitled "the anti-slop frontend framework for AI agents," adjusts layout, typography, motion, and spacing in AI-generated interfaces. The skills cover different registers, including a minimalist editorial style and an industrial brutalist style, and several generate reference images before any code is…

not rated 747 +3 changed 12d ago A 63 tokens

vuetify0

160

vuetifyjs/0

Skill Claude CodeCodex

Use when building Vue 3 UI with @vuetify/v0, or before hand-rolling behavior it already ships, such as a button, dialog, popover, setTimeout timer, selection, form, registry, virtual list, focus handling, snackbar, theme, RTL, breakpoints, an SSR window check, or a WAI-ARIA compound, along with the rest of its…

not rated 736 +4 changed 11d ago A Socket: passSnyk: pass 92 tokens

frontman-dev

161

frontman-ai/frontman

Skill Claude CodeCodex

AI-powered visual frontend editing in your browser. Click any element in your running app, describe changes in plain English, and get real source file edits with instant hot reload. Works with Next.js, Astro, and Vite.

not rated 721 +2 today A 49 tokens

uview-plus

162

ijry/uview-plus

Skill Claude CodeCodex

A guide to using uview-plus, a Vue 3 interface component library for uni-app projects. It covers reusable page elements, setup, themes, icons, and differences between web, mobile-app, and mini-program targets.

not rated 719 yesterday A 117 tokens original MIT

angular-developer

163

angular/skills

Skill Claude CodeCodex ✓ vendor

Generates Angular code and provides architectural guidance. Trigger when creating projects, components, services, or HTTP communication, or for best practices on reactivity (signals, linkedSignal, resource, httpResource), queries and content projection, forms, dependency injection, routing, server and hybrid rendering…

not rated 706 +10 changed 18d ago A Socket: passSnyk: passSkillSpector: warn 93 tokens

electron

164

Gentleman-Programming/Gentleman-Skills

Skill Claude CodeCodex needs its repo

Electron patterns for building cross-platform desktop applications. Trigger: When building desktop apps, working with Electron main/renderer processes, IPC communication, or native integrations.

not rated 661 +1 7mo ago A 33 tokens original MIT

homepage-generator

165

wanshuiyin/ARIS-in-AI-Offer

Skill Claude Code needs its repo

Generate a fact-checked academic personal homepage from a CV, optionally augmented by an existing manual homepage and an assets directory. Produces editable structured source files (profile.yml + publications.bib + bio.md + news.md) and a single-file HTML page. Uses Codex MCP for independent factual review against…

not rated 628 +13 yesterday A SkillSpector: warn 129 tokens original MIT

provos/ironcurtain

Skill Claude CodeCodex

Reference vocabulary for designing instrumented harnesses that drive vulnerability discovery — design classes (trigger-driven vs coverage-driven), tiered scope (T1 isolated function / T2 multi-component / T3 full build), systematic input exploration, the two-coverage distinction (fuzzer-feedback vs audit)…

not rated 615 +1 today A SkillSpector: warn 147 tokens original Apache-2.0

HuskarUI

167

mengps/HuskarUI

Skill Claude CodeCodex

Queries HuskarUI metadata with Python and guides HuskarUI-first QML/C++ code. Invoke when choosing components, checking examples, or generating HuskarUI UI.

not rated 604 +3 14d ago A SkillSpector: pass 39 tokens original MIT

react-aria

168

NextAdminHQ/nextjs-admin-dashboard

Skill Claude CodeCodex

Build accessible UI components with React Aria Components. Use when developers mention React Aria, react-aria-components, accessible components, or need unstyled accessible primitives. Provides documentation for building custom accessible UI with hooks and components.

not rated 603 +9 2mo ago A 49 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: