14,696 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
Skill Cursor
Build Laravel Blade UI with Electrik Slate 3.x and optional slate-blocks / slate-illustrations. Use when writing x-slate, x-slate-block, or x-slate-illustration components, Livewire forms, tokens, toasts, blocks, illustrations, or when the user mentions Slate, electrik/slate, electrik/slate-blocks…
Skill Claude Code
Classic engineering patterns applied to SvelteKit + TypeScript + Supabase projects. Use when structuring a SvelteKit app, organizing data access, abstracting third-party services, managing shared state, improving testability, or when the user describes a problem that a Factory, Repository, Service Layer, Singleton…
Skill Claude CodeCodex
URL locale segments via scLocaleMatcher; locale in loaders via getLanguage and splitLocaleFromPath.
Skill Codex
Design, implement, debug, review, and optimize portable WebGPU applications and WGSL shaders. Use when building render or compute pipelines; GPU simulations, cellular automata, particles, image processing, feedback effects, or data-parallel workloads; defining buffers, textures, bind groups, and host-shareable…
Skill Claude CodeCodex
Build custom Panel components using JSComponent (vanilla JS, web components), ReactComponent (React/JSX), AnyWidgetComponent (AnyWidget spec for cross-platform), or MaterialUIComponent (Material UI themed). Use when wrapping JS libraries, creating interactive widgets, or building themed components. Includes decision…
Skill Claude CodeCodex
Use when making single-property CSS or Tailwind visual changes in Next.js App Router projects. Presents a floating control widget on the page so the user can tweak the value before it is persisted. Covers atomic style changes, live preview, and cleanup. Triggers on single CSS value or single Tailwind utility class…
Skill Claude CodeCodex
A local launcher for RemyMaker, a bundled web application that runs on the developer's computer without installing packages.
Skill Claude CodeCodex
Use when writing, reviewing, refactoring, or modernizing CSS/Tailwind. Apply a policy-first approach: semantic tokens, explicit cascade order, static CSS, intrinsic component layouts, accessible state, measured performance, and progressive enhancement backed by current sources.
camel-vibe/hermes-telegram-artifacts
Skill Claude CodeCodex
Build interactive HTML artifacts for the Telegram Mini App. Use for ANYTHING that benefits from being visual/interactive: recipes (with portion calculators), shopping lists (with localStorage), calculators, charts, diagrams, reference sheets, reports, and tools. When a user asks for food, recipes, meal planning…
geoffreycrofte/luxembourg-accessibility-skillset
Skill Claude Code
Write accessible HTML, CSS, and JavaScript that conforms to RAWeb 1.1 (Luxembourg Web Accessibility Framework, based on EN 301 549 / WCAG 2.1). Use when developing web interfaces, components, forms, navigation, or any front-end code that must meet Luxembourg accessibility law. Covers all 17 RAWeb themes with…
Skill Claude Code
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.
Skill Claude CodeCodex
Generates Angular Material code and guidance for Angular projects using @angular/material with the Material 3 (M3) theming system. Covers installation, Sass-based theming via mat.theme() and the prebuilt palettes, density and typography customisation, component usage across all categories (form controls, buttons…
Skill Claude CodeCodex
Publish your own work to 21st.dev and manage it from the terminal with the 21st CLI (@21st-dev/cli): publish a React component to a team library, publish a CSS theme or a template listing, edit / unpublish / delete your published items, list and reopen existing component work, and read/replace your public profile page…
Skill Claude CodeCodex
Scaffold a terminal interface for lazar — a small client project under workspace/ / that consumes lazar -p --output-format stream-json and renders the events. Default stack: TypeScript + readline. Optional: Go + Bubble Tea, Python + Textual, or anything else the user wants. Use when the user asks for a "TUI", "chat…
SpillwaveSolutions/publishing-astro-websites-agentic-skill
Skill Claude CodeCodex
Comprehensive guidance for building and deploying static websites with the Astro framework. This skill should be used when asked to "create astro site", "deploy astro to firebase", "set up content collections", "add mermaid diagrams to astro", "configure astro i18n", "build static blog", or "astro markdown setup".…
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.
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…
Skill Claude CodeCodex
Generate production-quality SVG character animations — state machines that morph between N SVG states (2–10) with per-state idle motion (breathing, blinking, swaying). Use whenever the user wants to animate a character or mascot between poses/emotions, morph icons/illustrations between forms, build interactive SVG…
mattiasgeniar/offline-first-pwa
Skill Claude CodeCodex
Rules for building offline-first Progressive Web Apps that launch instantly from the home screen. Use when building, reviewing or debugging a PWA, or anything touching a service worker, a web app manifest, precaching, an in-app update prompt, iOS home screen behaviour, or safe-area/notch layout.
Skill Claude Code
Use this skill when creating, editing, or debugging electronic circuits, schematics, or PCB layouts with tscircuit, including React/TypeScript circuit code. Invoke for component and footprint selection, electrical connections, schematic organization, PCB placement, trace routing, routing failures, design checks, and…
levantoan/DevVN-WordPress-Skills
Skill Claude CodeCodex
Convert static HTML landing pages into WordPress page templates with ACF (Advanced Custom Fields) or SCF (Secure Custom Fields) integration. Covers field registration via PHP, template conversion with getfield/haverows, CSS minification, asset stripping, and page speed optimization.
Skill Claude CodeCodex
Build Text User Interface (TUI) applications using the Textual Python framework (v0.86.0+). Use when creating terminal-based applications, prototyping card games or interactive CLIs, or when the user mentions Textual, TUI, or terminal UI. Includes comprehensive reference documentation, card game starter template, and…
chocpink123/prototype-previewer-skill
Skill Codex
Creates a polished interactive web prototype previewer for new or existing products. Use when the user asks for an HTML prototype, a clickable multi-screen flow preview, a reviewable app mock, a screen-by-screen web prototype, or a Figma-ready capture page. Produces a three-panel reviewer with flow navigation, a…
Skill Claude CodeCodex
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites…
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: