Frontend skills

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

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

pretty-page

289

alexknowshtml/claude-skills

Skill Claude CodeCodex

Convert markdown to a beautifully styled, shareable HTML page and upload to S3-compatible storage.

not rated 156 +2 4mo ago A 21 tokens

expo-tailwind-setup

290

mweinbach/agent-coworker

Skill Claude CodeCodex

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling.

not rated 156 yesterday A 27 tokens

frontend-design

291

Ilm-Alan/frontend-design

Skill Claude CodeCodex

Build a frontend with a deliberate visual direction held through palette, typography, structure, and texture, with on-screen strings that name real information rather than fabricated demo data or filler labels. Use when building or restyling a frontend.

not rated 154 +3 1mo ago A 49 tokens original MIT

ktui

292

keenthemes/ktui

Skill Claude CodeCodex

Comprehensive guide to KtUI (Keenthemes Tailwind UI) — components, theming, initialization, data-attribute API, event system, helpers, and common patterns. Use this skill when building UI with KtUI, adding/customizing components, working with KtUI theming/colors/dark-mode, or when the user mentions KtUI, ktui…

not rated 153 4mo ago A SkillSpector: pass 95 tokens original MIT

macos-design

293

ceorkm/macos-design-skill

Skill Claude CodeCodex

Design and build native-feeling macOS application UIs. Use this skill whenever the user asks to create a desktop app, macOS app, Mac-style interface, Apple-style UI, system utility, or anything that should look and feel like a native Mac application. Also trigger when users mention "native feel", "desktop app design"…

not rated 151 +8 8mo ago A 132 tokens

animate-text

294

pixel-point/animate-text

Skill Claude CodeCodex

Curated text animation catalog with exact JSON specs for headings, labels, counters, and text swaps. Use when an agent needs to pick or translate named effects like soft blur in, typewriter, shared axis, line reveal, stagger, crossfade, or kinetic builds into WAAPI, Motion, Framer Motion, GSAP, CSS, Lottie, Rive, or…

not rated 151 6mo ago A Socket: passSnyk: pass 81 tokens

senior-frontend

295

yezannnnn/agentGroup

Skill Claude CodeCodex

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.

not rated 150 5mo ago A 52 tokens original MIT

web-design

296

drewnekota/cetus

Skill Claude CodeCodex

Use when building any web page, HTML artifact, landing page, dashboard, slide deck, report, email, or UI component the user will look at. A taste-first design system that makes generated pages look intentional and crafted instead of generic "AI-made". Provides an aesthetic-direction process, design tokens, a starter…

not rated 149 +1 2d ago A SkillSpector: pass 80 tokens original MIT

hig-doctor-audit

297

raintree-technology/hig-doctor

Skill Claude CodeCodex

Audit interface source with HIG Doctor when the user asks to scan, lint, review, or remediate Swift, UIKit, AppKit, React, Vue, Svelte, Angular, Compose, Android XML, Flutter, CSS, or HTML for HIG-aligned interface and accessibility concerns. Do not activate for general design advice without source to audit; use the…

not rated 148 2d ago A SkillSpector: pass 86 tokens original MIT

dodo-reach/hermes-link-curator

Skill Claude CodeCodex needs its repo

Maintain and debug the link-curator web dashboard (port 8090). Separate process from the official Hermes dashboard.

not rated 145 +2 4mo ago A 28 tokens original MIT

animate

299

delphi-ai/animate-skill

Skill Claude CodeCodex

Animation patterns and best practices for Next.js/React applications. Use this skill when implementing animations, transitions, hover effects, page transitions, modals, or any motion in React components. Based on Emil Kowalski's "Animations on the Web" course.

not rated 145 +12 9mo ago A 54 tokens

bricks

300

wpgaurav/bricks-skills

Skill Claude CodeCodex

Author Bricks Builder (WordPress) layouts, templates, and full designs as paste-ready JSON. Use for any Bricks task — sections, pages, headers/footers, query loops, ACF/dynamic data, faceted filters, conditions, interactions/animations, popups, WooCommerce templates, custom elements, or hooks. Verified against Bricks…

not rated 143 4d ago A 83 tokens

silk-design

301

bendrape1-byte/silk-design

Skill Claude CodeCodex

Build websites and web UI with smooth, polished, high-end motion by default — the buttery feel of premium sites, not static slop. Use when building or restyling any website, landing page, hero, marketing page, portfolio, or web UI; when adding scroll animations, reveals, parallax, marquees, hover effects, page…

not rated 142 +2 2mo ago A 140 tokens original MIT

maquina-ui-standards

303

maquina-app/maquina_components

Skill Claude CodeCodex

Build consistent, accessible UIs in Rails using maquinacomponents. Use this skill when implementing UI for features, creating views, building forms, or reviewing UI specs. Triggers on view creation, UI implementation, form building, layout design, or mentions of maquinacomponents usage.

not rated 140 3d ago A SkillSpector: warn 61 tokens original MIT

oil-frontend

304

oil-oil/oil-frontend

Skill Codex

A set of instructions for building and reviewing product front ends, meaning the visible part of an application that users interact with. It covers pages, components, forms, data flow, layout, styling, responsive behavior, and animations.

not rated 140 +3 changed 27d ago A 158 tokens original MIT

IgniteUI/igniteui-cli

Skill Claude Code

Identify and select the right Ignite UI Web Components for your app UI, then navigate to official docs, usage examples, and API references.

not rated 137 2d ago A SkillSpector: pass 34 tokens original MIT

antd

306

ant-design/antd-skill

Skill Claude Code needs its repo

Use when the user's task involves Ant Design (antd) — writing antd components, debugging antd issues, querying antd APIs/props/tokens/demos, migrating between antd versions, or analyzing antd usage in a project. Triggers on antd-related code, imports from 'antd', or explicit antd questions.

not rated 137 +1 7mo ago A Socket: passSnyk: pass 69 tokens original MIT

create-db-component

307

db-ux-design-system/core-web

Skill Claude CodeCodex

Creates a new DB UX Design System component with Mitosis source, SCSS, typed model, and a cross-framework Playwright interaction test.

not rated 137 changed 25d ago A 33 tokens

avoid-ai-design

308

funboy322/avoid-ai-design

Skill Claude CodeCodex

Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"), both the first-order defaults (purple gradients, Inter, a centered hero over three cards, untouched shadcn) and the second-order "tasteful AI" ones (cream with terracotta, near-black with acid green, all-caps mono chrome, one accented…

not rated 137 +10 changed 1mo ago A 176 tokens original MIT

fredm00n/framerlabs

Skill Claude Code

Create Framer Code Components and Code Overrides. Use before writing or editing any .tsx for Framer, including deciding whether a feature needs code at all. Covers building custom React components for Framer, writing Code Overrides (HOCs) to modify canvas elements, implementing property controls, working with Framer…

not rated 136 changed 15d ago A Socket: passSnyk: passSkillSpector: pass 93 tokens original MIT

creativity

310

TheGoat395/Codex-Skills

Skill Codex

Generate original ideas or escape fixation.

not rated 136 +3 changed 1mo ago A SkillSpector: pass 10 tokens original MIT

kuikly-ui-framework

311

Tencent-TDS/KuiklyUI-AI

Skill Claude CodeCodex

A coding assistant for the traditional Kuikly DSL, a language used to build user interfaces. It covers Kuikly components, system modules, layouts, events, state, animations, routing, networking, lists, and custom extensions.

not rated 135 +1 2mo ago A Socket: passSnyk: warn 173 tokens

alex-durango/pingfusi

Skill Codex

Beautify or redesign an existing website through iterative pingfusi review rounds with a real human reviewer. Use when asked to "beautify this website," "make this page look professional," "polish this UI/design," "improve the visual design," or finish an AI-built page when there is no reference site to match. Do not…

not rated 135 +4 1mo ago A SkillSpector: pass 95 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: