Frontend plugins

educlopez/ui-craft

Plugin Claude Code

Bundles 30 skills, 25 commands, 2 agents, 1 MCP server · 3,839 tokens together

Design engineering skill + system for AI coding agents: anti-slop UI, outcome recipes, spec-driven design, design-review + a11y agents, MCP quality gates.

abap2UI5/abap2UI5

Plugin Claude Code

Bundles 5 commands, 1 hook · 213 tokens together

Build abap2UI5 apps with an agent: the build-an-app, view-chain-layout, abap-check and ui5-check skills, the /abap2ui5:new-app, check, add-ai, find-sample and explain commands, an abap2ui5-reviewer subagent, a hook that runs the abap2UI5 linter on every edited class (where the project has it installed), plus the…

Asymmetric-al/core

Plugin Claude Code

Bundles 1 skill, 1 command · 93 tokens together

Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step pattern: CSS variables, Tailwind mapping, base styles, automatic dark mode. Prevents 8 documented errors. Use when initializing React projects with Tailwind v4, or fixing colors not working, tw-animate-css errors…

ttktjmt/mjswan

Plugin Claude Code

Bundles 1 skill, 3 commands, 1 hook · 35 tokens together

Skills for mjswan: build, port and ship MuJoCo scenes as browser apps.

sveltejs/ai-tools

Plugin Claude Code ✓ vendor

Bundles 1 agent · 81 tokens together

A plugin for all things related to Svelte development, MCP, skills, and more.

claudekit/frontend-design-pro-demo

Plugin Claude Code

Bundles 1 skill · 52 tokens together

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.

storybookjs/mcp

Plugin Claude Code

Bundles 4 skills · 142 tokens together

Build, preview, and test UI components with Storybook.

chaxus/ran

Plugin Claude Code

Bundles 1 skill · 87 tokens together

Reference skill for the ranui web-component library: import map, element inventory, builder/reactivity, accessibility, and pointers to the API docs shipped in the npm package.

elvismdev/claude-wordpress-skills

Plugin Claude Code

Bundles 1 skill, 2 commands · 156 tokens together

Professional WordPress engineering skills for Claude Code — performance optimization, security auditing, Gutenberg block development, and theme/plugin best practices.

secondsky/claude-skills

Plugin Claude Code

Bundles 1 skill, 3 commands, 3 agents · 407 tokens together

This skill should be used when the user asks to "upload images to Cloudflare", "implement direct creator upload", "configure image transformations", "optimize WebP/AVIF", "create image variants", "generate signed URLs", "add image watermarks", "integrate with Next.js/Remix", "configure webhooks", "debug CORS errors"…

Kayforkind/reimagine-it

Plugin Claude Code

Bundles 7 skills, 1 command · 1,036 tokens together

Redesigns existing HTML from its own content. 17 visual directions, standalone offline pages. CLI + agent skill.

patchorbit/domscribe

Plugin Claude Code

Bundles 1 skill, 1 MCP server · 94 tokens together

Domscribe is a pixel-to-code development tool that maps running UI elements to their exact source locations, capturing runtime context (props, state, DOM) for handoff to coding agents via MCP.

boostvolt/claude-code-lsps

Plugin Claude Code

Bundles 1 hook

Astro language server for .astro files.

smnandre/symfony-ux-skills

Plugin Claude Code

Bundles 7 skills · 1,492 tokens together

AI agent skills for the Symfony UX frontend stack: Stimulus, Turbo, TwigComponent, LiveComponent, Icons, and Map.

VeryGoodOpenSource/vgv-ai-flutter-plugin

Plugin Claude Code

Bundles 15 skills, 1 agent, 3 hooks, 2 MCP servers · 2,709 tokens together

Best-practice skills for Flutter and Dart covering accessibility, animations, BLoC, testing, theming, navigation, security, internationalization, layered architecture, license compliance, UI packages, project creation, SDK/lint upgrades, and an autonomous quality-gate loop that drives analyze, format, test, and…

j-morgan6/elixir-phoenix-guide

Plugin Claude Code

Bundles 24 skills, 3 hooks · 1,409 tokens together

Essential Elixir and Phoenix LiveView development guide with enforced skills, hooks, and patterns for idiomatic code.

SAP/open-ux-tools

Plugin Claude Code ✓ vendor

Bundles 6 skills, 1 MCP server · 458 tokens together

MCP server and skills for SAP Fiori development. Build, modify, and test SAP Fiori Elements applications with AI assistance.

TheHotwireClub/hotwire_club-skills

Plugin Claude Code

Bundles 6 skills · 756 tokens together

Practical Hotwire skills for Rails developers: Turbo Drive, Turbo Frames, Turbo Streams, and Stimulus patterns sourced from The Hotwire Club articles.

mblode/agent-skills

Plugin Claude Code

Bundles 28 skills · 2,010 tokens together

Skills for the parts of shipping that code review never covers: the loading states, the type scale, and whether half the diff is AI slop.

ahpxex/open-dashboard

Plugin Claude Code

Bundles 4 skills · 448 tokens together

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.

cometchat/cometchat-skills

Plugin Claude Code

Bundles 98 skills, 1 MCP server · 10,973 tokens together

CometChat AI-coding skills — add real-time chat, voice/video calling and push to your app via your AI coding agent, across React v7, Angular v5, React Native v5, Android v6 (Kotlin/Compose), iOS v5 (Swift/UIKit, SPM) and Flutter v6. Ships the first-party CometChat Docs MCP so skills read always-current docs…

ToluVictor/canvas-apps-tools

Plugin Claude Code

Bundles 1 skill · 71 tokens together

AI skills for Power Apps Canvas Apps - generate, modify, and integrate.

popmechanic/VibesOS

Plugin Claude Code

Bundles 7 skills, 2 hooks · 401 tokens together

Vibes is for people who use Claude Code, but don't know how to code.

fivetaku/insane-design

Plugin Claude Code

Bundles 3 skills, 6 commands · 706 tokens together

Design system extractor, applier, and builder — analyze any URL, apply to your project, or build from scratch with deterministic CSS + §18 DON'T grep contract.