13,773 tagged Frontend, measured the same way as everything else here.
Browse within: skills 124agent 118agentic-ai 98LLM 95javascript 94nextjs 85design-system 63copilot 60css 55agents 54checklist 50front-end-developer-tool 50front-end-development 50cli 49
Skill Claude Code
Convert HTML to PDF with pixel-perfect rendering and excellent Hebrew/RTL support. Use when the user asks to 'convert HTML to PDF', 'generate PDF from HTML', 'create PDF from webpage', 'export to PDF', or needs PDF generation with Hebrew text support.
quangpl/browser-extension-skills
Skill Claude CodeCodex
Detect Chrome extension framework/stack, find proper docs, implement features, and debug across service worker, content script, and popup contexts.
Skill Claude CodeCodex
Operational playbook for framework-agnostic UI/UX/a11y — semantic-element-first markup, keyboard/focus verification, responsive layout checks, reuse of existing tokens over new CSS. Read in full at the start of every task on this team.
Skill Claude CodeCodex
Frontend/design system skill for the svelteflare monorepo. Use this whenever the user wants to build or modify UI — pages, sections, components, layouts, forms, cards, tables, dialogs, dashboards, or landing pages. Also invoke for anything theme-related: light/dark mode, custom colors, design tokens, typography, or…
Skill Claude CodeCodex
Build production-ready design systems with Tailwind CSS v4, including CSS-first configuration, design tokens, component variants, and accessibility. Use when working with Tailwind projects.
Skill Claude CodeCodex
Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling.
Skill Claude Code
Replace Tailwind CSS linear gradients with smooth eased gradients using tw-easing-gradients. Use when upgrading bg-gradient-to-, creating fading backgrounds, or smooth color transitions.
Kappaemme-git/codex-design-audit-skill
Skill Codex
Evaluate website, web app, landing page, or frontend implementation quality with a structured design audit and scoring grid. Use when Codex is asked to review UI design, visual hierarchy, UX, responsiveness, accessibility, performance perception, copy clarity, frontend polish, or to produce a design/frontend…
Skill Claude CodeCodex
Expert guidance for React Flow (@xyflow/react): building interactive node-based graphs, custom nodes and edges, handles, state management, layouting, TypeScript patterns, performance optimization, and theming. Use when writing React Flow code, creating custom nodes or edges, debugging flow issues, optimizing graph…
Skill Claude CodeCodex
Comprehensive skill for Anime.js v4 - a fast and flexible JavaScript animation library. This skill should be used when implementing web animations, creating timelines, working with SVG animations, scroll-based animations, draggable elements, staggered effects, or any JavaScript-based animation on the web. Triggers on…
Skill Claude Code
Regenerate the AppointMe frontend API client (orval/TanStack Query hooks + TypeScript schemas) after the backend OpenAPI surface changes. Use this whenever backend endpoints, request/response DTOs, or other contract-affecting types are added, removed, or modified — e.g. after editing files under src/AppointMe.Api…
CK42BB/procedural-clouds-threejs
Skill Claude CodeCodex
Generate beautiful procedural clouds in Three.js using WebGPU raymarching with WebGL2 billboard/mesh fallbacks. Covers all 10 major cloud genera (cumulus, stratus, cirrus, cumulonimbus, stratocumulus, altocumulus, altostratus, nimbostratus, cirrostratus, cirrocumulus) with physically-inspired lighting including silver…
TommyChryst/claude-web-animations
Skill Claude Code
Create a scroll-driven video scrub section where a video's playback position is controlled by scroll progress. Use when the user wants a scroll-scrub animation, cinematic scroll effect, video timeline scrubbing, parallax video, scroll-synced video, or wants to sync a video to scroll progress. Handles ffmpeg…
clawpod-app/awesome-openclaw-agent-packs
Skill Claude Code
Build an interactive HTML dashboard with charts, filters, and tables. Use when creating an executive overview with KPI cards, turning query results into a shareable self-contained report, building a team monitoring snapshot, or needing multiple charts with filters in one browser-openable file.
Skill Claude CodeCodex ✓ vendor
Guide for building, configuring, and deploying microfrontends on Vercel. Use this skill when the user mentions microfrontends, multi-zones, splitting an app across teams, independent deployments, cross-app routing, incremental migration, composing multiple frontends under one domain, microfrontends.json…
Skill Claude CodeCodex
Run ambitious one-shot websites, web apps, games, simulations, clones, motion pieces, or benchmarks through fresh isolated subagents. Use for one-shot web artifacts, catalogue ideas, or parallel model/harness variants.
Skill Claude CodeCodex
Skill "here-now" from heredotnow/skill, covering here.now, current docs, requirements, if the helper scripts aren't installed and create a site.
maverickgao8848/mav-slide-craft-skill
Skill Claude CodeCodex
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch.
Skill Claude Code
Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling.
redhat-community-ai-tools/UnifAI
Skill Claude CodeCursor
MAS domain knowledge — architecture, component routing, rules, recipes. Use when working on any file under multi-agent/.
Skill Claude CodeCodex
A development guide for building 3D maps and geographic information systems (GIS), software for working with location-based data, using MapV-Three.
delineas/astro-framework-agents
Skill Claude CodeCodex needs its repo
Astro framework specialist for building fast, content-driven websites with islands architecture. Use when creating Astro components, configuring hydration (client:load/idle/visible/media), using server:defer (server islands), Content Layer API (glob/file loaders, live loaders), sessions, astro:env, i18n routing…
Skill Claude CodeCodex
Convert an existing Qt/PySide/PyQt desktop project (QWebEngineView-based UI, QMainWindow browsers, Qt DCC tools) into an AuroraView project so it ships a lighter, Rust-powered WebView and gets full MCP automation for free. Use this skill whenever the user asks to "migrate", "convert", "port" a Qt/PySide/PyQt app to…
Skill Claude Code
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…
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: