14,074 tagged Frontend, measured the same way as everything else here.
Browse within: skills 136agent 125agentic-ai 98javascript 95LLM 86nextjs 79agents 62design-system 62cli 56copilot 54agentic 49claude-code-plugin 45chatgpt 43open-source 42
OpenRaiser/paper-webpage-builder
Skill Claude CodeCodex
Build a polished single-page academic project webpage from a paper directory or paper source, including content extraction, figure selection/conversion, module planning, visual design, tables, assets, and validation. Use when asked to create or update webpages for papers, benchmarks, arXiv-style projects, OpenRaiser…
richardcarls/solid-js-best-practices
Skill Claude Code
Solid.js best practices for AI-assisted code generation, code review, refactoring, and debugging reactivity issues. Use when working in any SolidJS project or codebase — writing components, auditing code, migrating from React, fixing signals and fine-grained reactivity bugs, or integrating web component libraries. 67…
Philotheephilix/reactbits.dev-skill
Skill Claude CodeCodex
Use when adding an animated UI component, text effect, cursor/hover effect, or WebGL/canvas background to a React project via React Bits (reactbits.dev) — or when asked to recall/write a React Bits component's code, props, or install steps from memory instead of fetching it.
Skill Claude CodeCodex
Future-first, self-sustaining guidance for writing modern Svelte 5 and SvelteKit 2/3 code. Use this skill whenever the user asks about Svelte, SvelteKit, or frontend code that is clearly Svelte. Contains embedded protocols for autonomous major version promotion and experimental feature lifecycles.
Skill Claude Code
Idiomatic guide for Flet 1.0 applications. Covers declarative UI, hooks, observable state, services, async execution model, and breaking API changes from v0.x. Use this skill to write modern Flet code, migrate imperative apps to reactive patterns, apply breaking changes correctly, and avoid common pitfalls.
Skill Claude Code
Use when building, generating, or reviewing UI for a website, web app, or mobile app to make it look intentionally designed rather than AI-generated. Removes the common AI/template "tells" (default fonts like Inter/Geist, indigo and purple-blue gradients, cream backgrounds, grey low-contrast text, pill/eyebrow over…
Skill Claude CodeCodex
Hydrogen storefront implementation cookbooks. Some of the available recipes are: B2B Commerce, Bundles, Combined Listings, Custom Cart Method, Dynamic Content with Metaobjects, Express Server, Google Tag Manager Integration, Infinite Scroll, Legacy Customer Account Flow, Markets, Partytown + Google Tag Manager…
XMM17879829028/html-viewer-two-way-highlight
Skill Claude CodeCodex
Online HTML viewer, HTML runner, HTML test tool with real-time two-way code-element highlight. Click code to highlight preview element, click element to jump back to code. Ideal for HTML beginners.
PavanAnguluri/angular22-agent-skills
Skill Claude CodeCodex
Enforces Angular 22 fine-grained reactivity using Signals, Signal inputs, and Model primitives.
Skill Claude Code
Auto-detects the project's tech stack, then audits for Accessibility, Performance, and Code Quality. Works across WordPress/PHP, Python, Node/JS, and static web projects.
kumbajirajkumar123/frontend-design
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, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…
deveshpunjabi/3d-website-skill
Skill Claude CodeCodex
Expert skill for designing, building, and deploying modern premium websites with advanced animations and 3D interactive experiences using Three.js, React Three Fiber, GSAP, and Framer Motion. Use this skill whenever the user wants to build a website with 3D elements, create an immersive web experience, add interactive…
Skill Claude CodeCodex needs its repo
Generate boilerplate for new API endpoints and frontend pages following this project's conventions (flush/commit transaction pattern, ownership enforcement, domain returns). Use when: adding a new resource, creating CRUD endpoints, wiring up a new frontend page, or asking 'how do I add a new feature end-to-end.'.
Skill Codex
Transform existing web application interfaces into Windows 98, Windows XP, Windows 7, or Japanese freeware 2000s desktop styles while preserving behavior. Use for repository-level retro UI conversions, not for greenfield mockups or bitmap-only artwork.
Skill Claude CodeCodex
Apply Feature-Sliced Design (FSD) v2.1 architectural methodology to frontend projects. Use when organizing code structure, decomposing features, creating new components or features, refactoring existing codebases, or when users mention "FSD", "Feature-Sliced", layers, slices, or frontend architecture patterns.
Skill Claude CodeCodex
Saleor storefront data + UX playbook. Covers GraphQL query design, channel handling, data contracts per surface (PLP/PDP/nav/pricing/availability/media), variant-selection UX, and Saleor-specific correctness rules. Framework-agnostic — agent inspects repo and applies conventions locally.
Skill Claude Code
Build UI components, sections, and pages for the Friendship Corner Daycare website with proper theming, animations, i18n, SEO, and responsive design. Use for: creating new components, adding page sections, building new pages, recreating UI layouts from design inspiration, ensuring theme compatibility across 5 themes…
Skill Codex
Audit and port complete React applications to Beast BTSX → TSRX → Octane while preserving behavior, route contracts, and styling. Use for migrations from Vite, Create React App, React Router, TanStack Router, Remix, or Next.js. Tailwind is the default target; pure CSS is optional. Do not use for routine Beast…
Skill Claude CodeCodex
Implements SaaSKit login in the Next.js App Router so an agent can add login, callback, session cookies, and logout. Use when the user wants SaaSKit Next.js or App Router auth. It does not write generic Node login (that's implement-saaskit) or write Django, FastAPI, or Flask auth (that's implement-saaskit-python).
naphiertech/search-engine-launch
Skill Claude CodeCodex
Use when preparing, auditing, launching, or repairing a public website or web application for search-engine crawling, indexing, search identity, sitemaps, robots directives, metadata, structured data, Google Search Console, or Bing Webmaster Tools.
Skill Claude CodeCodex
Analyze annotated UI screenshots and markdown documentation to generate agent-consumable UI flow specifications. Use when processing web app UI flows described via markdown + screenshots into structured, automation-ready knowledge.
Skill Claude CodeCodex
Comprehensive Dioxus 0.7 framework expertise for building modern fullstack applications with Rust. Use when working with Dioxus for web, desktop, or mobile app development, setting up projects, implementing state management, routing, data fetching, CSS-in-Rust styling, or integrating with backend APIs and databases.
Skill Claude CodeCodex
Build the UI for AI-native interfaces — streaming answers with citations, reasoning traces, tool-call chips, approval gates, agent task rows, prompt composers, confidence meters, proposed-diff tables. Use when implementing or reviewing any surface where a model or agent is the thing the user works with.
Skill Claude CodeCodex
Explore UI directions by generating several genuinely-different real-data HTML mockups in parallel, serving them so the user picks side-by-side, distilling each pick into locked constraints, and narrowing round by round until approved — then landing the winner in the real stack and refining. Use when the user wants to…
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: