14,074 tagged Frontend, measured the same way as everything else here.
Browse within: skills 136agent 125agentic-ai 98javascript 95LLM 87nextjs 79agents 62design-system 62cli 55copilot 54agentic 49claude-code-plugin 44chatgpt 43open-source 43
umutsevimcann/wordpress-developer-skills
Skill Claude CodeCodex
WordPress theme and plugin development expert. This skill is triggered when users mention WordPress, theme, plugin, Gutenberg, WooCommerce, hook, shortcode, wpenqueue, addaction, addfilter, or related terms.
Skill Claude Code
Debug, inspect, and drive any frontend app that has the Harness-FE Vite/Webpack plugin installed. Use this when the user reports a UI bug, asks "why is this happening on the page", wants to inspect runtime state, drive an automated browser test, or needs to correlate browser behavior with source files (especially in…
TheFractalyst/LightWeightChartsMCP
Skill Claude CodeCodex
Use when working with TradingView Lightweight Charts library. Covers createChart, series types, price scales, time scales, plugins, and framework integrations across all versions (3.8-5.0). Triggers on "lightweight charts", "tradingview", "createChart", "addSeries", "candlestick", "chart", "IChartApi", "ISeriesApi".
Skill Claude CodeCodex
Spin up and ship real, multi-tenant websites and web apps on Loftur — a runtime you drive over MCP. Use when the user wants to create, edit, or deploy a site, page, or small app that needs hosting, a database, auth, secrets, email, file uploads, or a CMS, without setting up any infrastructure. With one account token…
Skill Claude CodeCodex
A skill for studying the visual rules of real websites and turning them into a reusable design package for other web projects. It can capture measured colors, spacing, fonts, components, icons, and assets while keeping the evidence behind those rules.
namanmehta96/ultra-frontend-skill
Skill Claude CodeCodex
Master frontend skill for Claude Code. Synthesizes ultra-frontend design system, uiuxpromax design intelligence, superdesign.dev aesthetics, framer-motion + GSAP full plugin ecosystem, 21st.dev component patterns, Three.js 3D, shadcn/ui, and production-grade architecture. Invoke for ANY visual web task: landing pages…
Skill Claude CodeCodex
Frontend design taste guide: typography, color harmonies, spacing, layout patterns, and visual quality standards. / TR: Frontend tasarım zevki rehberi: modern web ve mobil arayüzler için tipografi, renk, boşluk, düzen kalıpları ve görsel kalite standartları.
Skill Claude CodeCodex
Audit web pages for performance optimization following PageSpeed Insights guidelines. Use when analyzing page performance, optimizing web applications, reviewing performance metrics, implementing Core Web Vitals improvements, or when the user mentions page speed, performance optimization, Lighthouse scores, or Core…
Skill Claude CodeCodex
Ground-truth CSS/layout workflow using the csstruth MCP tools (mcpcsstruth) or CLI. Use whenever working on CSS, layout, styling, responsive design, or visual bugs in a web project with a reachable page (dev server or file over HTTP) — diagnosing why an element renders wrong, making CSS changes safely, or verifying…
Skill Claude CodeCodex
Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.
Skill Claude CodeCodex
Cursor rules for building custom frontends with Momen.app as headless BaaS with GraphQL API, actionflows, AI agents, and Stripe integration.
Skill Claude CodeCodex
Build UIs with React Spectrum S2 (Spectrum 2), Adobe's component library for React. Use when developers are using @react-spectrum/s2 or need Adobe design system components. Includes React Aria Components docs as a reference for building custom components on top of unstyled primitives.
Skill Claude CodeCodex
Create premium, Awwwards-quality website designs as React (.jsx) components that look like they were built by a top-tier agency charging $50k+ per project. Use this skill whenever the user asks for a website, landing page, portfolio, or web component that should look expensive, premium, luxury, editorial, high-end, or…
silveroxides/comfyui-custom-node-development
Skill Codex
Develop, review, test, and package ComfyUI custom nodes using the correct installation-specific environment. Use when working inside any ComfyUI custom-node repository, initializing its AGENTS.md context, changing Python or frontend node behavior, checking compatibility with the local ComfyUI checkout, running tests…
Skill Claude Code
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
Skill Claude CodeCodex
The definitive standard for engineering advanced CSS custom properties including @property, typed properties, runtime theming, animation, calculated tokens, and CSS Houdini foundations.
Skill Claude CodeCodex
Convert a finished trip plan into a polished, self-contained HTML page using the design system.
Skill Claude CodeCodex
Choose among Kokonut UI, React Bits, daisyUI, Bklit UI, Anime.js, Rive, and Magic UI for frontend work. Use for pages, dashboards, landing pages, animation, data visualization, or interactive graphics; do not use when no UI/library choice is involved.
Skill Claude CodeCodex
Drive Custom AI View — a real browser inside pixel-accurate device frames, over MCP. Use when checking how a page looks or behaves on a phone, tablet or laptop; when a screenshot of a real device frame is wanted; when inspecting an element's markup, computed styles or box on a device; when reproducing a mobile-only…
Skill Claude CodeCodex
Symbols platform + DOMQL v3.14 framework skill. Use when working in a Symbols project (a directory tree containing symbols.json), writing or editing DOMQL components/pages/design-system tokens, using the smbls CLI (start, build, push, publish), converting React/HTML to DOMQL, or auditing frankability. Routes all…
Skill Claude CodeCodex
Create, update, inspect, or troubleshoot Charming-hosted interactive web apps via the Charming MCP server, or connect an AI client (Claude, Cursor, Codex, Gemini CLI, ChatGPT) to Charming.
simongonzalezdc/web-typography-skill
Skill Claude CodeCodex
Expert front-end web typography — apply this whenever you are styling text on the web or making type decisions in HTML/CSS/JSX/Tailwind. Use it to choose and pair fonts, build a type scale, set body copy and headings, tune fluid/responsive type with clamp(), fix line-height, rhythm, measure and heading wraps, improve…
delta-and-beta/electron-dev-bridge
Skill Claude CodeCodex
Develop and automate Electron apps using the electron-dev-bridge. Trigger on: Electron app, desktop app, UI automation, DOM inspection, IPC handler, screenshot, BrowserWindow, webContents, CDP tools, electron-mcp, preload script, contextBridge.
humbleteam/accessibility-audit
Skill Claude CodeCodex
Runs a WCAG 2.2 accessibility audit of a screenshot, URL, or HTML/JSX and reports findings by severity (P0 blocks use, P1 degrades use, P2 friction), each with a success-criterion citation. Use for "check accessibility", "run an a11y audit", "is this WCAG compliant", "is this accessible", or "audit contrast and…
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: