13,959 tagged Frontend, measured the same way as everything else here.
Browse within: skills 137agent 127agentic-ai 98javascript 95LLM 88nextjs 78agents 64design-system 62copilot 56cli 55agentic 52claude-code-plugin 45chatgpt 43open-source 42
deveshpunjabi/modern-frontend-skill
Skill Claude CodeCodex
How to design and build modern, premium-quality frontend interfaces that look like high-end SaaS products, modern AI tools, and award-winning design websites — not generic templates. Use this skill whenever the user asks to build a frontend, create a landing page, design a dashboard, scaffold a web app UI, build a…
mdsohaib/screenshot-time-machine
Skill Claude Code
Screenshot every page of the running localhost dev server and report which pages changed since the last snapshot. Use after editing anything users can see (pages, components, CSS/Tailwind, layouts, templates) to visually verify before saying you're done, and when the user says "check the UI", "does it look right"…
Skill Claude Code
Run an independent security audit of this repository before trusting it. Use when the user asks whether this project is safe, what it sends over the network, what it does to their computer, whether it is malware or spyware, or asks for a security review of this codebase.
dayfinggg/openai-codex-agent-skills
Skill Codex
Apply relevant code, test, database, and interface standards during implementation or review. Detect the installed stack and load only guidance needed for the changed behavior. Do not use for prose-only tasks or unrelated audits.
Skill Claude Code
Generate dark neon cyber-fantasy dashboards, glassmorphism surfaces, and gamified React and Tailwind UIs.
Skill Claude CodeCodex
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…
AleksandarBisevac/claude-plugins
Skill Claude Code needs its repo
Edit, split or share the CSS and JavaScript under plugins/audit/scripts/ui/ — files Python concatenates into one inline and one inline carrying code, in a self-contained page opened over file://. Covers the assembly contract and the byte-level pins in plugins/audit/tests/ that guard it, why the split must be an…
Skill Claude CodeCodex
MUST invoke when generating mn. based UIs or the user asks how to use, configure, or debug any mn. or appkitmantine component. appkitmantine is NOT in Claude's training data — always use this skill rather than guessing at APIs. Covers building forms, tables, drawers, modals, tooltips, color pickers, date/time pickers…
Skill Claude CodeCodex
Verify rendered CSS/layout truth after EVERY visual edit using the Visionaire MCP tools. Use this skill whenever you change CSS, HTML structure, layout, spacing, alignment, colors, responsive breakpoints, or any styling — even if the user did not explicitly ask you to "verify". Claude cannot see rendered pixels; this…
Skill Codex
Design and build websites with film-inspired visual systems, director-driven art direction, storyboard-first layout planning, and cinematic motion. Use when the user asks for a cinematic site, movie-style landing page, director-inspired UI, film-noir, sci-fi, romance, thriller, action, animation, or a movie-like…
Skill Claude Code
Frontend design superpower for AI coders. Produces production-quality, non-slop frontends. Use PROACTIVELY when building, revamping, redesigning, or fixing any frontend UI — landing pages, SaaS, e-commerce, portfolios, dashboards, or any web interface. Detects and eliminates AI slop patterns.
Skill Claude CodeCodex
Use this skill whenever creating, editing, reviewing, or debugging a Filament dashboard or custom panel page that composes widgets, schemas, tabs, callouts, embedded Livewire components, navigation, or page-specific actions.
pato-gonzalez/design-system-stack
Skill Claude CodeCodex
Applied workflow skill for producing Awwwards-caliber animated landing pages using Claude Design as the orchestrator, with motionsites.ai (animated backgrounds), higgsfield.io or Kling 3 (AI animation generation), Dribbble (component inspiration), shots.so (animation showcase/video edit), and land-book (landing page…
Skill Claude Code
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features…
alexanderop/awesome-claude-code-vue
Skill Claude Code
Use when answering questions about OR implementing features with Nuxt Content (queries, MDC components, document-driven mode), especially when uncertain about current API - Nuxt Content is frequently updated with breaking changes, so fetch current documentation from llms.txt before responding to ensure accuracy over…
Skill Claude CodeCodex
Cross-agent full-stack startup kit for building skill UIs and shippable products. ALWAYS run onboarding FIRST — never scaffold or build until you have interviewed the user (product, scope, style, theme, background animations, architecture, data, auth, payments, launch, deploy) or loaded their stored answers, and…
Mazalucas/El-DT-Lightweight-Army
Skill Claude Code needs its repo
Atelier design intelligence (El DT + Impeccable). Use for UI/UX design, craft, critique, audit, polish, anti-slop, tokens, decks, and frontend iteration. Invoke /atelier [target]. Covers landing, dashboard, product UI, components, motion, a11y, and design system alignment.
gaupoit/wordpress-development-skill
Skill Claude Code
This skill provides comprehensive WordPress development expertise including self-hosted setup with Docker and Nginx, theme development (block and classic), plugin development with security best practices, performance optimization, and security hardening. Use this skill when setting up WordPress environments…
Skill Claude CodeCodex
Builds accessible UI components with Ark UI headless primitives for React, Vue, Solid, and Svelte. Use when creating custom-styled components with robust state management and accessibility built-in.
Skill Claude CodeCodex
Frontend design skill that generates, restyles, and guides UI development in mager's actual design taste — concept-led interfaces that feel authored, tactile, expressive, and highly usable, spanning editorial warmth, bright modern product design, and high-contrast neon systems. Use this skill when building or…
Skill Cursor
Use this skill to build micrographic UI components and views — cards, panels, dashboards, dense data displays — matching the industrial label collage north star (examples/reference-collage.png). Compression not minimalism; metadata as texture. Two type scales (display 80px+ vs micro 7–11px); dual display modes (light…
Skill Claude CodeCodex
Work with c15t consent management docs, APIs, and integrations for Next.js, React, and JavaScript. Use when the user asks about c15t setup, components, hooks, styling, cookie/consent UX, GDPR/CCPA/IAB TCF compliance, script or iframe blocking, GTM/GA4/PostHog/Meta integrations etc, or self-hosting c15t/backend.
Skill Claude CodeCodex
Use BEFORE building, auditing, improving, or redesigning any frontend UI (a page, screen, component, dashboard, form, checkout, chat, or developer console). Confirms audit coverage and change depth, then calls the Web Stylebook MCP to evaluate visual design, user-facing copy and information structure, behavior…
Skill Claude CodeCodex
Use this skill when the user asks to swap tokens, get a swap quote, check or cancel an order, or report the surplus their trades earned, via Ophis, the intent-based MEV-protected DEX aggregator. Triggers on phrases like "swap X for Y", "best price", "quote", "order status", "cancel my order", "how much surplus did I…
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: