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

HuskarUI

169

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

170

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

IgniteUI/igniteui-angular

Skill Claude Code

Builds Angular views from Figma designs with Ignite UI for Angular, supporting Indigo.Design kits, third-party kits, and plain frames. Uses Figma, Ignite UI CLI, theming, and Playwright MCP servers. WHEN TO USE: implementing a Figma design or artboard in an Ignite UI Angular project. WHEN NOT TO USE: screenshots or…

not rated 600 +1 changed 1mo ago A 126 tokens

angular-component

172

analogjs/angular-skills

Skill Claude CodeCodex

DEPRECATED - this skill is unmaintained. Use the official Angular skills at https://github.com/angular/skills instead. Create modern Angular standalone components following v20+ best practices. Use for building UI components with signal-based inputs/outputs, OnPush change detection, host bindings, content projection…

not rated 588 2mo ago A Socket: passSnyk: passSkillSpector: warn 91 tokens original MIT

bedframe

173

nyaggah/bedframe

Skill Claude CodeCodex

Work in a Bedframe browser extension project. Use when the repository contains AGENTS.md, src/config/bedframe.config.ts, src/manifests/, or the task involves the Bedframe CLI, @bedframe/core, browser manifests, extension pages, Vite config, or release flow.

not rated 582 1mo ago A SkillSpector: pass 64 tokens original MIT

frontend-design

174

KyleAMathews/field-lab

Skill Claude CodeCodex

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

not rated 579 +1 1mo ago A 43 tokens

fireact-builder

175

fireact-dev/main

Skill Claude Code

Helps customize and extend Fireact SaaS apps after installation. Auto-detects Fireact projects by checking for @fireact.dev/app in package.json. Invoke when the user wants to add features, pages, custom components, navigation, branding, Cloud Functions, or i18n.

not rated 559 1mo ago A SkillSpector: warn 62 tokens original MIT

archlizheng/frontend-slides-editable

Skill Claude CodeCodex

Use when the user wants a single-file HTML presentation that stays editable in the browser after generation, or needs object-level layout editing, slide reordering, local save/export, or PPT/PDF-to-web conversion with continued editing.

not rated 544 +7 4mo ago A 51 tokens original MIT

analytical-table

178

UI5/webcomponents-react

Skill Claude CodeCodex

Use ALWAYS for AnalyticalTable internals — react-table v7 plugin architecture, vendored react-table code at packages/main/src/components/AnalyticalTable/react-table/, tableHooks, AnalyticalTableHooks, useDynamicColumnWidths, useColumnResizing, useRowSelect, useF2CellEdit, useManualRowSelect…

not rated 543 changed 1mo ago A SkillSpector: pass 209 tokens original Apache-2.0

taskmaster

179

blader/taskmaster

Skill Claude CodeCodex

Codex wrapper plus same-process expect PTY injector that keeps work moving until an explicit parseable done signal is emitted.

not rated 532 +1 7mo ago A 28 tokens original MIT

unslop-ui

180

JCarterJohnson/vibecoded-design-tells

Skill Claude CodeCodex

Strips the cues that make a website read as AI-generated and forces a deliberate, project-specific design choice instead of the model's default. It does not impose a look or hand you taste. It removes tells (default shadcn/Tailwind, AI-purple gradients, gradient heading text, unprompted neon glow, emoji-as-icons, the…

not rated 527 +7 4mo ago A 209 tokens

assembling-components

181

ancoleman/ai-design-components

Skill Claude CodeCodex

Assembles component outputs from AI Design Components skills into unified, production-ready component systems with validated token integration, proper import chains, and framework-specific scaffolding. Use as the capstone skill after running theming, layout, dashboard, data-viz, or feedback skills to wire components…

not rated 526 +1 10mo ago A 74 tokens original MIT

draw-ui

182

oil-oil/draw-ui

Skill Claude CodeCodex

A skill for making interface mockups and turning generated interface screenshots into HTML/CSS or WeChat Mini Program WXML/WXSS. It can use image-generation providers for visual work.

not rated 524 +8 changed 27d ago A 93 tokens

weapp-vite/weapp-vite

Skill Codex

An engineering guide for building small-program projects with weapp-vite, a Vite-based toolchain for compiling mini-apps for several platforms.

not rated 520 +4 changed 23d ago A SkillSpector: pass 134 tokens original MIT

oat-css

184

spinspire/pocketbase-sveltekit-starter

Skill Claude CodeCodex

Our preferred CSS framework — ultra-lightweight, semantic HTML UI library (8KB). Style web UIs with semantic HTML and minimal classes. Override with app-level SCSS only when necessary.

not rated 510 +1 2mo ago A SkillSpector: warn 42 tokens original MIT

frontend-design

185

pretend1111/claude-desktop-app

Skill Claude CodeCodex

Design principles and component patterns for building polished web UIs, games, and interactive HTML/CSS/JS projects. Use when creating websites, web apps, browser games, or any frontend project.

not rated 500 +5 6mo ago A 42 tokens

garden-plugin-author

186

oleeskild/digitalgarden

Skill Claude CodeCodex

Create, test, and publish plugins for the Digital Garden Eleventy template (oleeskild/digitalgarden, used by the obsidian-digital-garden plugin and Forestry.md). Use when asked to build a garden plugin, add a feature to a digital garden as a plugin, write or edit a garden-plugin.json manifest, or publish a plugin to…

not rated 492 changed 1mo ago A SkillSpector: pass 78 tokens original MIT

playground

187

sybrew/the-seo-framework

Skill Cursor

Launches a local WordPress Playground site with The SEO Framework mounted, captures front-end SEO artifacts, and compares before/after plugin states. Use when testing regressions, reproducing bugs, changing meta/sitemap/robots/ schema/oEmbed/admin SEO output, checking WordPress version behavior, plugin conflicts, or…

not rated 490 +2 changed 16d ago A 73 tokens GPL-3.0

paraschopra/make-pages-interactive

Skill Claude CodeCodex

Turn a directory of static HTML pages into a live commenting surface. Injects a feedback library, starts a tiny server, and routes user comments into a JSONL inbox that the agent monitors and responds to by editing the pages. Trigger phrases — "make this page interactive", "make these pages interactive", "let me…

not rated 484 4mo ago A 80 tokens original MIT

elayadesign/redesign-skill

Skill Claude CodeCodex

Audits and upgrades existing websites and apps to premium quality. Diagnoses generic AI design patterns, weak states, and sloppy code, then applies targeted fixes without breaking functionality. Use this skill whenever the user wants to improve, polish, upgrade, refine, audit, fix, or redesign an EXISTING site, page…

not rated 479 +161 changed 6d ago A SkillSpector: pass 100 tokens original MIT

glmv-prd-to-app

190

zai-org/GLM-skills

Skill Claude CodeCodex

Build a complete, production-ready full-stack web application from PRD documents, prototype images, and resource files. Handles the entire pipeline: system design, database schema, seed data, backend API, frontend UI, visual verification against prototypes, and deployment script generation. Use this skill whenever the…

not rated 473 +3 6mo ago A 188 tokens original Apache-2.0

bwfc-migration

191

FritzAndFriends/BlazorWebFormsComponents

Skill Claude CodeCodex needs its repo

Migrate ASP.NET Web Forms applications to Blazor Server using the webforms-to-blazor CLI tool and BlazorWebFormsComponents (BWFC). Orchestrates L1 automated transforms via CLI, then guides L2 contextual transforms. WHEN: "migrate aspx", "convert web forms", "web forms to blazor", "run migration". INVOKES…

not rated 454 4mo ago A SkillSpector: warn 115 tokens original MIT

swiftui-iphone-duo

192

FloWritesCode/fwc-swiftui-skills

Skill Claude CodeCodex

Adapts and reviews SwiftUI apps for iPhone Duo (Xcode 27.1 / iOS 27.1 SDK) and continuously changing window sizes. Use when supporting the foldable iPhone Duo, outer or inner display, vertical bars (toolbarVerticalBehavior, axisBehavior, visibilityPriority, ToolbarOverflowMenu), sheet placement, reserved regions and…

not rated 449 +7 changed 23d ago A 127 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: