Claude Code Frontend plugins and skills

Skills for Next.js developers covering bundle size reduction, Cache Components and Partial Prefetching adoption, and verifying runtime behavior in a running app after code edits.

6 skills

@vercelInstall Plugin

Helps you add, find, fix, style and compose shadcn UI components in your React project, with component docs and usage examples. It can also move a project from Radix UI primitives to Base UI.

2 skills

@shadcn-uiInstall Plugin

electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS.

5 skills

@electronInstall Plugin

Gives coding agents a design direction, reference images and a browser check, so the websites and app screens they build look deliberate instead of like a generic template page.

1 skill

@leonxlnxInstall Plugin

Skills for building Angular apps: one generates Angular code and architectural guidance for projects, components, services, HTTP calls and signals, and another scaffolds a new app with the Angular CLI.

2 skills

@angularInstall Plugin

Skills and an MCP server for Storybook, the tool for building, documenting, and testing UI components in isolation. Covers canary releases, docs review, PR comment handling, lint and type fixes, and QA labels.

10 skills

@storybookjsInstall Plugin

Next-Generation, Fastest HTML5 Creation Engine for the Web WebGL & WebGPU Renderers Unmatched Performance & Speed Easy to use, yet powerful API Asset Loader Full Mouse & Multi-touch Support Flexible Text Rendering Versatile Primitive and.

26 skills

@pixijsInstall Plugin

Skills that guide Claude Code when writing HTML and JSX with the daisyUI component library for Tailwind CSS, covering installation, configuration, usage rules, and color theming.

5 skills

@saadeghiInstall Plugin

Build responsive, accessible UI with Chakra UI, migrate projects from the previous major version, and refactor plain HTML, Tailwind, CSS Modules or styled-components code into Chakra components and themes.

3 skills

@chakra-uiInstall Plugin

Phaser is a fast, free, and fun open source HTML5 game framework that offers WebGL and Canvas rendering across desktop and mobile web browsers and has been actively developed for over 13 years.

28 skills

@phaserjsInstall Plugin

The Tiptap Editor is a headless, framework-agnostic rich text editor that's customizable and extendable through extensions.

@ueberdosisInstall Plugin

Beautiful, fast and modern React UI library. (Previously NextUI)

3 skills

@heroui-incInstall Plugin

A skill for writing, editing, debugging, and reviewing Slint UI code and wiring it to Rust, C++, JavaScript, or Python. It covers the Slint language, layout, and interop, plus an MCP server for runtime checks.

1 skill

@slint-uiInstall Plugin

Adds Magic UI animated React and Next.js components to a project, with guidance on choosing, installing via the shadcn registry, and customizing them. Built for design engineers who want copy-paste effects.

1 skill

@magicuidesignInstall Plugin

Skills for building cross-platform desktop applications in Rust with the GPUI Kit framework, covering its components, layout and design guidance. Useful for developers creating native desktop UIs.

2 skills

@longbridgeInstall Plugin

A framework for generating dynamic UIs from prompts using predefined components and actions, with codegen, core schema and catalog tools, and devtools inspectors for React, Solid, and Svelte apps.

32 skills

@vercel-labs-2Install Plugin

Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.

6 skills

@tamaguiInstall Plugin

Skills, agents and commands for developing with the Tambo generative UI SDK for React, covering model configuration, CRUD API resources, settings UI, and headless and styled compound components.

8 skills

@tambo-aiInstall Plugin

A Claude Code skill for working with shadcn-vue components: adding, searching, fixing, styling and composing Vue UI, with component docs and usage examples.

1 skill

@unovueInstall Plugin

Helps Claude Code users add, update, fix, debug, style, and compose shadcn-svelte UI components, with project context, component docs, and usage examples.

1 skill

@huntabyteInstall Plugin

A skill for implementing, configuring and debugging React Joyride guided tours, covering step setup, custom components, keyboard navigation and accessibility in React apps.

1 skill

@gilbarbaraInstall Plugin

A pixel-art office dashboard that shows in real time what each AI assistant is working on, whether it is online, and what it did recently. It supports multiple agents, a Chinese, English and Japanese interface, and can be deployed as a standalone status board.

1 skill

@ringhyacinthInstall Plugin

Nuxt UI is a library of accessible, typed Vue components built on Reka UI, Tailwind CSS and Tailwind Variants. It works as a module in Nuxt and as a Vite plugin in plain Vue apps.

1 skill

@nuxtInstall Plugin

Adds Preline UI components and blocks to HTML files through the Preline MCP server, and generates, previews, and validates Preline theme CSS. Built on Tailwind CSS.

1 skill

@htmlstreamofficialInstall Plugin

Skills for building virtualized React lists, grids, and tables that handle variable-size items and sticky headers, plus chat message lists, data tables, and reactive state management with the Virtuoso packages.

4 skills

@petyosiInstall Plugin

Gives Claude Code skills for adding CSS transitions and animations to web apps, covering badges, modals, dropdowns, page transitions and motion polish. Includes a skill that animates UI as if an AI agent were generating it.

3 skills

@jakubantalikInstall Plugin

Gives Claude Code guidance on Anthony Fu's preferred JavaScript and TypeScript tooling, conventions and project setup, plus Nuxt, Nitro and Pinia usage. It also drafts GitHub pull requests with clear titles and bodies, so you spend less time on setup decisions and PR write-ups.

14 skills

@antfuInstall Plugin

A skill for building premium scroll-driven landing pages for service, product, food, and drink brands. It helps plan the visitor journey and page layout, then build animated heroes and bespoke scroll effects.

1 skill

@nateherkaiInstall Plugin

Skill files that give Claude Code current, verified knowledge of three.js, so the code it writes runs on the release you actually install. The skills target three.js r186 (three@0.186), React Three Fiber 9.8 with drei 10.7, and gltf-transform 4.5.

13 skills

@cloudai-xInstall Plugin

Thirty-three isometric line figures that answer the pointer. For React and for anything with a DOM. Live, with a slider for intensity: hairline.lucasmarkes.com.

2 skills

@lucasmarkesInstall Plugin

Steers your coding agent away from outdated web patterns toward current web platform APIs, checking browser compatibility before it writes HTML, CSS or client-side JavaScript. Also guides building and publishing Chrome extensions.

2 skills

@googlechromeInstall Plugin

Agent skills for Vue 3 development. Early Experiment / Community Project This repository is an early experiment in creating specialized skills for AI agents to enhance Vue 3 development.

8 skills

@vuejs-aiInstall Plugin

Skills for building interactive UI views in MCP servers, so tools can display embedded app interfaces inside AI chat clients. Covers creating new MCP Apps, adding UI to existing tools, converting web apps, and migrating from the OpenAI Apps SDK.

4 skills

@modelcontextprotocolInstall Plugin

A Flutter UI component library inspired by shadcn/ui, with customizable buttons, cards, forms and more. The skill helps Flutter developers build interfaces with these components.

1 skill

@nank1roInstall Plugin

Adds haptic feedback to web apps using the web-haptics library, for tactile responses on buttons, toggles, forms, and pickers in mobile-facing interfaces.

1 skill

@lochieInstall Plugin

A skill that turns AI-generated or existing video and frame sequences into web animations driven by scrolling, pointer, touch, device orientation, audio or data. It handles keyframes, sprite sheets, chroma-key cleanup and timeline runtime setup.

1 skill

@oil-oilInstall Plugin

Skills for building Flutter apps with WebF, a runtime that renders web content through JavaScript, DOM, and CSS. Covers API compatibility, async rendering, infinite scrolling lists, and creating or installing native plugins for device features.

9 skills

@openwebfInstall Plugin

Gives React developers ready-made, customizable components for AI chat interfaces, such as conversations, messages, tool displays and prompt inputs, so they do not build those screens from scratch.

1 skill

@vercelInstall Plugin

A React data table system for shadcn/ui with faceted filters, column sorting, infinite scroll and virtualization. Filtering, faceted counts and cursor pagination can run in SQL with Drizzle.

1 skill

@openstatushqInstall Plugin

Accessible retro components that you can copy and paste into your apps.Free. Open Source. Built on shadcn/ui. Documentation · Components · Blocks · Themes · Discord.

23 skills

@theorcdevInstall Plugin

From the creators of Unistyles: The fastest Tailwind bindings for React Native.

2 skills

@uni-stackInstall Plugin

Give it a website address and it rebuilds that site line by line for your AI agent, then checks the copy against the original, including pixel by pixel comparison, so you can show the rebuild matches. Works in any agent that supports the Agent Skills standard.

1 skill

@boyang-huInstall Plugin

A shadcn/ui registry of animated React components with a shared motion system, including a hover highlight that glides between items. Useful for building interactive frontend interfaces.

1 skill

@mickadesignInstall Plugin

Lets React developers build SAP Fiori-style interfaces with ready-made components, instead of wiring up UI5 Web Components by hand. It also includes guidance for upgrading UI5 Web Components versions and for working with the analytical table internals.

2 skills

@ui5Install Plugin

A Claude Code / OpenClaw skill and component library for building web interfaces with the NERV Operations Console aesthetic, the visual identity of a fictional military-scientific organization from Neon Genesis Evangelion.

1 skill

@thegreatgildoInstall Plugin

A Claude Code skill for SwiftUI frontend design that produces iOS and macOS interfaces avoiding generic AI-looking patterns. It covers layout, typography, color, spacing and branding.

1 skill

@wholiverInstall Plugin

Complete documentation available at flutter-it.dev Check out the comprehensive docs with detailed guides, examples, and best practices! The easiest state management for Flutter built on get_it Widgets automatically rebuild when data changes.

1 skill

@flutter-itInstall Plugin

Skills for a linkyee link-in-bio static site deployed to GitHub Pages: one writes build-time plugins to pull live data such as GitHub stars or blog posts, and one designs custom visual themes.

2 skills

@zhgchgliInstall Plugin

The Svelte data grid. Headless-first. Render-ready. SvGrid is a data grid and data table for Svelte 5, written with runes from the first line rather than ported from a React grid.

1 skill

@sv-gridInstall Plugin

Claude skills for building modern web applications with Hotwire (Turbo and Stimulus). These skills are extracted from the Hotwire Club knowledge base and organized into 6 topic-based skills covering common patterns and best practices.

6 skills

@thehotwireclubInstall Plugin

Protocol-agnostic CesiumJS AI control runtime for MCP, WebMCP, function calling, and browser agents.

1 skill

@gaopengbinInstall Plugin

A Claude Code skill for building web interfaces that move well. Most generated pages come out static. Default scrollbars, sections that just appear, hover states that do nothing.

1 skill

@bendrape1-byteInstall Plugin

A curated collection of Agent Skills for the Ant Design ecosystem.

2 skills

@ant-designInstall Plugin

Focused guidance for building React Three Fiber scenes with current, compatible APIs. Each skill keeps decisions, pitfalls, and one checked example in SKILL.md; substantial optional recipes live in that skill's references/ directory.

11 skills

@enzedInstall Plugin

Ignite UI Command-Line Interface by Infragistics.

17 skills

@igniteuiInstall Plugin

An unofficial, open-source, Codex-first Agent Skills library for premium frontend, website, design-engineering, and reliable agent workflows.

80 skills

@thegoat395Install Plugin

A collection of resources for working with Framer. Questions, findings and help from other Framer builders: join the Framer Labs Discord.

3 skills

@fredm00nInstall Plugin

Premium SwiftUI animation and interaction skills for AI coding agents, generate production-ready micro-interactions from plain English prompts. Built from legendary-Animo: 84 hand-crafted SwiftUI animation demos.

1 skill

@iamvishal16Install Plugin

Agent skills for building WordPress block themes. They guide site specification, design direction, and generating theme.json, block templates, template parts, patterns, and functions.php for Full Site Editing.

3 skills

@automatticInstall Plugin

There are plenty of skills out there. This library avoids slop and only ships skills that: teach agents concepts LLMs aren't trained on, because they are new or rarely used encode specific, opinionated workflows, validated across multiple codebases.

2 skills

@flornkmInstall Plugin

Skills for AI coding agents covering web animation: GSAP scroll effects, SVG and Lottie motion, micro-interactions, page transitions, glassmorphism, ASCII animation, and reduced-motion accessibility.

9 skills

@iart-aiInstall Plugin

Split apart large applications and develop faster with microfrontends. This package contains library code to be used with Vercel's microfrontends support. Improved developer velocity: Build and test just the application that you are developing.

1 skill

@vercelInstall Plugin

Builds React and Next.js UI from design specs with Tailwind tokens, flex layout, and interactive hit areas. Fires on design-to-code syncs, paper-to-code conversion, and Tailwind token consolidation.

6 skills

@millioncoInstall Plugin