14,027 tagged Frontend, measured the same way as everything else here.
Browse within: skills 138agent 128agentic-ai 98javascript 95LLM 87nextjs 78agents 63design-system 62cli 55copilot 55agentic 51claude-code-plugin 45chatgpt 43open-source 42
OneWave-AI/ClaudeCodeUnleashed
Skill Claude CodeCodex
Create professional CSS animations, transitions, micro-interactions, and complex motion design. Use when adding animations, hover effects, loading states, page transitions, scroll animations, or any motion design work.
Skill Claude Code
Activate when creating a Logos Basecamp UI app. Covers two subtypes — pure QML (no C++) and QML + process-isolated C++ backend with Qt Remote Objects.
Skill Claude Code
Skill end-to-end para construir webs y landings profesionales con Next.js 16, React 19, Tailwind CSS v4, shadcn/ui y Framer Motion. Pensada para que un usuario sin conocimientos técnicos pueda PREVISUALIZAR estilos en su navegador antes de elegir, y completar la página de principio a fin (intake, brief, diseño, build…
mOdrA40/claude-codex-skills-directory
Skill Claude CodeCodex
Expert-level SolidJS and SolidStart development skill with 20+ years senior/lead engineer mindset. Comprehensive guidance for building production-ready, scalable web applications with fine-grained reactivity. Use when Claude needs to: (1) Create new SolidJS/SolidStart projects, (2) Implement TanStack…
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…
Kage0x3B/svelte-advanced-datatable
Skill Claude CodeCodex
Scaffold or modify a Svelte 5 DataTable using the svelte-advanced-datatable package — DataTableConfig, column types (ComponentType.STRING/NUMBER/BOOLEAN/DATE/ENUM/CUSTOM), sort, pagination, sticky-header, density, snippet slots, daisyUI rendering. Use when adding a new table, defining columns, or tuning baseline…
Luispitik/salgadoia-web-design-engineer-pro
Skill Claude Code
Skill end-to-end para construir webs y landings profesionales con Next.js 16, React 19, Tailwind CSS v4, shadcn/ui y Framer Motion. Pensada para que un usuario sin conocimientos técnicos pueda PREVISUALIZAR estilos en su navegador antes de elegir, y completar la página de principio a fin (intake, brief, diseño, build…
Skill Claude CodeCodex
Deep reference for React Native / Expo patterns -- Expo Router v7, screen structure, TanStack Query with offline persistence, native modules, NativeWind styling, forms, accessibility, Reanimated animations, performance, deep linking, Sentry wiring, EAS Build/Submit/Update, testing, and platform gotchas. Grounded in…
Skill Claude CodeCodex
Embed inline commenting (text highlights, anywhere-pins, threaded replies, save-to-disk) into any standalone HTML document Claude generates. Use whenever producing HTML that a human will open in a browser to read or review — PRDs, design docs, reports, dashboards, write-ups, generated previews. Skip for HTML fragments…
Skill Claude CodeCodex
Type-safe validated wrappers for browser CustomEvent, BroadcastChannel, and window.postMessage APIs using any standard-schema-compatible validator (zod, valibot, arktype). Use when implementing createEvent, createEventMap, createBroadcastChannel, createBroadcastEvent, or createMessage. For React hooks (useListener…
nealepetrillo/claude-skills-echart
Skill Claude Code
Create and edit Apache ECharts v6 visualizations. Use when users want to build interactive charts, dashboards, or data visualizations. Supports line, bar, pie, scatter, radar, heatmap, treemap, sunburst, gauge, chord, and 20+ other chart types. Generates working HTML, JavaScript, React, or Vue component code.
laravel-agent-kits/claude-livewire-starter-kit
Skill Claude Code
Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior; writing Livewire tests; or when the user…
ThinkR-open/golem-agent-skills
Skill Claude CodeCodex
Add functions to a golem Shiny application. Triggers on: "add a function" "create a helper function" "add a utility function" Do not trigger on: when the user is not working inside a golem app.
Skill Claude CodeCodex needs its repo
Vue Vben Admin - Modern Vue 3 Admin Framework with Monorepo Architecture.
Skill Claude Code
PostHog integration for Next.js App Router applications.
flitzrrr/frontend-design-skills
Skill Claude CodeCodex
Modern UI component selection, composition, and theming patterns for web applications. Covers compound components, design tokens, variant systems, responsive patterns, and form architecture derived from 21st.dev SDK, Godly featured products, and current best practices.
Skill Claude CodeCodex
Use when finishing a feature, fixing a bug, before committing React code, or when the user types /doctor, asks to scan, triage, or clean up React diagnostics. Covers lint, accessibility, bundle size, architecture. Includes a regression check and a full local-triage workflow that fetches the canonical playbook.
akikisai/copilot-custom-config-template
Skill Claude CodeCodex
Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering. Also activated by skill name: "design-taste-frontend".
Skill Claude CodeCodex
Run user-created frontend/backend/WebSocket services and expose them through Cloudflare by default when the user asks to start, deploy, preview, share, or make the service accessible. Local-only is allowed only when explicitly requested.
ai-integr8tor/Nutlope-hallmark
Skill Claude CodeCodex
Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Use when the user asks to build a new app or landing page, wants to redesign something, invokes Hallmark by name, or uses audit/redesign/study.
Skill Claude CodeCodex
Essential reading for React development - architectural principles for React development, regarding component development principles and patterns.
Skill Claude CodeCodex
Create Apple-inspired modern, minimalist UI designs with glassmorphism, smooth animations, generous whitespace, and elegant typography. Use when designing portfolio websites, landing pages, hero sections, product showcases, or implementing Apple-style components, dark mode, or responsive layouts.
Skill Claude CodeCodex needs its repo
Create custom UI windows, containers, and interactive interfaces for Hytale plugins. Use when asked to "create inventory UI", "make custom window", "add container interface", "build crafting UI", "custom GUI", "create .ui file", or "design UI layout".
Skill Claude CodeCodex
A front-end coding coach for preparing the full development process for websites, mobile apps, and mini-programs. It guides developers through planning and preparation tasks.
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: