Frontend plugins

claudekit/frontend-design-pro-demo

Plugin Claude Code

Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-generation prompts for hero images, backgrounds, and illustrations. Zero AI slop, zero fake URLs.

callstackincubator/agent-react-devtools

Plugin Claude Code

Inspect React component trees, read props/state/hooks, and profile render performance from the terminal.

skilld-dev/vue-ecosystem-skills

Plugin Claude Code

ALWAYS use when writing code importing "@formkit/core". Consult for debugging, best practices, or modifying formkit.

skilld-dev/vue-ecosystem-skills

Plugin Claude Code

ALWAYS use when writing code importing "motion-v". Consult for debugging, best practices, or modifying motion-v, motion vue.

skilld-dev/vue-ecosystem-skills

Plugin Claude Code

ALWAYS use when writing code importing "pinia". Consult for debugging, best practices, or modifying pinia.

ahpxex/open-dashboard

Plugin Claude Code

The full Open Dashboard skill catalogue — the add-component skill (a retriever over 35+ UI shapes: forms, lists & tables, kanban/calendar/tree/timeline, detail & pages, display & feedback, RBAC/auth/i18n/billing/search/realtime) plus the operation skills (scaffold-dashboard, add-backend, rebrand). The shapes assume t.

sendaifun/skills

Plugin Claude Code

Reverse-engineer any motion reference (video, GIF, X/Dribbble link) into production animation code — frame-level ffmpeg dissection, measured timing/easing/stagger, and a faithful React/TypeScript framer-motion port.

benjaminsehl/liquid-skills

Plugin Claude Code

Liquid language fundamentals, CSS/JS/HTML coding standards, and WCAG accessibility patterns for Shopify themes.

cometchat/cometchat-skills

Plugin Claude Code

100+ skills across six families (web / native React Native / Angular / Android V5+V6 / iOS V5 / Flutter V5+V6) for integrating CometChat. The /cometchat dispatcher detects your framework, asks only what the API can't infer, and writes a working chat integration. v4.3.0 adds Visual Builder integration across 5…

Remix-Design/RemixIcon-MCP

Plugin Claude Code

A Model Context Protocol server for Remix Icon search with FlexSearch-powered semantic matching. Maps icon-focused keywords to Remix Icon metadata, providing top 5 most relevant icons with clean architecture and local search.

MagicPathAI/agent-skills

Plugin Claude Code

Search, preview, inspect, and install MagicPath UI components, themes, and canvas designs.

clerk/skills

Plugin Claude Code

Framework-specific Clerk integration patterns: middleware, hooks, SSR, composables, and advanced usage.

thunder-id/skills

Plugin Claude Code

ThunderID server setup and framework integration skills.

PolicyEngine/policyengine-claude

Plugin Claude Code

React app development - app-v2, standalone tools, Vercel deployment, and PolicyEngine-specific patterns.

SpillwaveSolutions/publishing-astro-websites-agentic-skill

Plugin Claude Code

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. Covers SSG…

YPares/agent-skills

Plugin Claude Code

Skills for Python development, including Textual TUI application building.

alexanderop/claude-skill-vue-development

Plugin Claude Code

Modern Vue 3 development with TypeScript, Composition API, and user-behavior testing.

bennypowers/asimonim

Plugin Claude Code

LSP and MCP support for DTCG design tokens - intelligent autocomplete, hover docs, diagnostics, code actions, and AI-native token discovery, validation, search, and conversion.

robertbstillwell/marketing-skills

Plugin Claude Code

End-to-end application development with Next.js, GraphQL, PostgreSQL.

Litun/DecomposeClaudePlugin

Plugin Claude Code

Production best practices for Decompose — multiplatform navigation and component lifecycle library.

martysama0134/m2ui-skill

Plugin Claude Code

Metin2 UI code generator — create and modify client UI from screenshots, descriptions, or existing scripts.

wunki/amplify

Plugin Claude Code

Create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics. Build web components, landing pages, dashboards, and applications with exceptional design quality.

OLDyade/animated-sketch-diagram

Plugin Claude Code

Draws technical diagrams like a senior engineer sketching on paper — ink lines, doodle icons, dots flowing along the wires — then exports a seamlessly-looping GIF. One self-contained HTML, pure SVG+CSS, zero runtime.

a-tokyo/agent-skills

Plugin Claude Code

Migrate a project from Tailwind CSS v3 to v4 safely and completely. Codemod-first (@tailwindcss/upgrade), then the judgment it can't do: dependency/PostCSS/Vite/CLI plumbing, JS config to CSS @theme (or keep via @config), the v4 changed-defaults audit and compat shims, a residual sweep, and proving the migration is a…