Design & Frontend plugins for Claude Code

A local-first design application that exposes projects, files, and preview tools to Claude Code through an MCP server, enabling design-aware coding workflows. Requires the `od` daemon to run and connects over stdio.

Archify converts plain-language descriptions or Mermaid diagrams into polished, interactive HTML diagrams with dark/light themes, trace animations, and multiple export formats (PNG, JPEG, WebP, SVG, WebM). Use it to visualize system architectures, workflows, data pipelines, state machines, and other technical or planning concepts that benefit from interactive exploration.

Impeccable provides design fluency for frontend development through 1 skill with 24 commands for code polishing, auditing, critiques, and curated anti-pattern detection. The plugin uses 4 agents with 3 hooks (PostToolUse, SessionStart, Stop) to integrate design review workflows into Claude Code.

A collection of 13 standalone Agent Skills for building animations and polished interfaces, with expertise in motion design decisions, React Native/Expo, gesture interactions, and UI libraries curated by Emil Kowalski. The skills guide agents toward high-craft animation choices and design fundamentals while also providing vocabulary, auditing, and platform-specific (web, mobile, Swift) implementation guidance.

AI-powered diagram generation that creates flowcharts, architecture diagrams, and system designs through natural language, with real-time browser preview of Draw.io files. The plugin includes an embedded MCP server and tools to create, edit, export, and version-control diagrams without external API dependencies.

A design productivity plugin that provides critique, design system management, UX writing, accessibility audits, research synthesis, and developer handoff workflows — all available standalone and enhanced by connecting to Figma, Linear, Asana, Notion, Slack, and other team tools via MCP. The plugin includes six slash commands and six domain skills that Claude applies automatically when relevant to design work.

img2threejs converts reference images into procedural Three.js models via code generation, achieving animation-ready 3D reconstruction without photogrammetry or mesh extraction. The skill quality-gates outputs and optimizes for token efficiency, supporting object rebuilds, character likeness, and staged code generation workflows.

This skill transforms any source material (URLs, PDFs, DOCX files, Markdown, plain text, screenshots, or pasted notes) into beautiful, single-file HTML articles using the ReActicle component protocol. It guides agents through a structured six-phase editorial process with checkpoints, theme selection, and sub-agent reviewers to produce share-ready, archive-friendly articles.

A structured prompt-engineering skill for GPT Image 2 that generates and edits images with 18 categories and 80+ templates, adapting seamlessly across three runtime modes: local generation via OpenAI-compatible endpoints, delegation to the host agent's native image tool, or pure prompt advisory when no image tool is available. Prompts and outputs are automatically archived with task-slug + timestamp naming for reproducibility and reuse across posters, UI mockups, product visuals, infographics, diagrams, comics, avatars, and editing workflows.

This standalone skill transforms AI-generated HTML/CSS/JavaScript web pages from functional to polished through anti-cliché design rules, perceptually uniform oklch color theory, and a structured calibration workflow that declares design systems before coding. It covers landing pages, interactive prototypes, slide decks, data visualizations, and animations, with optional browser-based QA and responsive testing triggered only on explicit request.

A methodology-driven agent skill for transforming scripts and articles into click-driven 16:9 web presentations that can be screen-recorded as cinematic videos using Vite, React, and TypeScript. It provides reusable design tokens, 23 pre-built themes, and a provider-agnostic audio synthesis system (with built-in MiniMax mmx-cli and OpenAI TTS) that works through a structured workflow with hard checkpoints for script alignment, outline approval, and optional audio generation.

A collection of seven standalone agent skills for design engineers, including baseline UI cleanup, design documentation, accessibility auditing, motion performance optimization, and interface improvement tasks. Skills are invoked individually via CLI (`npx skills add`) or exposed over Model Context Protocol for agents to discover and apply to design-focused workflows.

A curated registry of 67 AI-ready design system skills covering aesthetic styles from agentic and ant to brutalism and cosmic, each providing SKILL.md instructions and DESIGN.md implementation notes for Claude Code and other agentic tools. Developers can pull any design skill into projects with a single command to instantly apply consistent visual systems across generated interfaces.

brand-forge generates on-brand logos, social templates, and marketing graphics as vector SVGs without requiring any API keys or external accounts. The plugin stores a visual brand profile (colors, typography, logo rules) and applies it consistently across all outputs, with optional AI raster imagery via Gemini or OpenAI.

Converts Figma designs and screenshots into production-ready React, Svelte, or Vue components with built-in accessibility features including ARIA labels, semantic HTML, and keyboard navigation. The plugin provides three MCP tools for parsing Figma exports, analyzing screenshot layouts, and generating fully accessible code components.

Official Expo skills for building, deploying, upgrading, and debugging Expo and React Native apps, with 24 specialized skills covering both open-source framework features and paid Expo Application Services (EAS). The plugin includes MCP server integration with mcp.expo.dev, framework guidance on navigation, animations, design systems, and native modules, plus services skills for app store submissions, EAS Build/Update/Hosting, and cloud simulators.

A self-contained design skill that guides AI tools through the complete process of building high-converting landing pages, including intake questions, page structure, conversion copywriting, SEO, and a comprehensive visual system (typography, spacing, corner radius, backgrounds, icons, and motion). Install it into Claude Code, Cursor, Codex, Windsurf, or other AI coding tools by copying the SKILL.md file into your project rules.

The Figma MCP server brings design context and code generation capabilities into Claude by enabling AI agents to read design data, extract variables and components, and generate code from Figma frames. It includes 14 skills for common workflows like design implementation, Code Connect integration, and design system management, with optional paid features for advanced image generation and canvas writing.

This skill teaches AI agents motion design principles for creating animations across any framework (CSS, Framer Motion, GSAP, Lottie, etc.), focusing on philosophy and thinking like a motion director before implementation. It includes decision frameworks, Disney principles adapted for UI, patterns for common animations (entrance/exit, loading states, choreography), and reference guides for timing, easing, and quality evaluation.

This Agent Skill Pack enables creation of AI marketing videos and images through Arcads, supporting multiple generative models including Seedance 2.0, Sora 2, Veo 3.1, Kling 3.0, and image generators like ChatGPT Image 2 and Nano Banana 2. The pack includes 7 skills for video generation, image-ad creation, ad cloning, and YouTube thumbnail generation, with pre-built prompt formulas for UGC reviews, product reveals, and feature walkthroughs.

This plugin extracts video frames via ffmpeg and audio via configurable backends (Gemini API, local Whisper, or OpenAI), sending both to Claude for direct multimodal understanding. It supports YouTube URLs, adaptive parameter selection based on user intent, and offers an interactive setup wizard for configuration.

Banana Claude generates, edits, and compares images using Google's Gemini models directly from Claude Code, with a review-first workflow that shows prompts, costs, and settings before any paid request executes. The plugin orchestrates visual briefs across Gemini Nano models (Lite, standard, and Pro) and stores results with privacy-conscious metadata.

This plugin enables Claude to build and modify Power Apps Canvas Apps by connecting to an app open in Power Apps Studio via the Canvas Authoring MCP server. The agent can create screens, configure controls, set up formulas, manage connectors, and define data sources directly within the Power Apps environment.

This plugin scaffolds and deploys Power Apps mobile applications using Expo and React Native, enabling developers to build native mobile experiences that connect to Power Platform data through Microsoft's native host package. It automates app generation, screen design, native capability configuration, and connector wiring via agent-driven skills that integrate with Azure authentication and Entra app registration.

The model-apps plugin builds and deploys complete model-driven Power Apps end to end, with /app-builder generating whole apps (tables, relationships, forms, views, charts, security roles) from natural language and /genpage creating generative pages using specialist agents for planning and parallel code generation. It requires PAC CLI > 2.10.0, Azure CLI, and Node.js LTS, integrating with Power Platform via the vendored cds-maker-sdk and leveraging feature flags for experimental capabilities like custom API calls and telemetry.

This Claude Code plugin analyzes codebases and generates AWS infrastructure deployments with cost estimates, CDK/CloudFormation IaC, and draw.io architecture diagrams using official AWS4 icons. It connects to three AWS MCP servers for real-time pricing data, IaC best practices, and architecture guidance.

HyperFrames Student Kit is a 14-skill standalone Agent Skill set for Codex and Claude Code that provides a complete video-editing pipeline — including silence removal, mistake detection, motion graphics, and short-form reel creation — for talking-head footage using HyperFrames HTML compositions and GSAP animations. It includes 406 pre-built motion-graphics cards, scene templates, transcription and beat-sync tools, and can optionally integrate ElevenLabs Scribe or Whisper for transcription and Kie.ai for generated assets.

capcut-cli allows Claude Code to create and edit CapCut and JianYing projects directly from the command line, supporting subtitles, SRT/ASS import, timing, speed, volume, keyframes, masks, filters, effects, templates, linting, preview rendering, and conversion of long-form content to shorts. The tool works on local draft files with no external APIs or servers required, and outputs fully editable projects that can be opened and further refined in CapCut or JianYing.

This skill package provides two specialized capabilities: `alt-text` for generating and improving accessible alt text for data visualizations and images in pkgdown sites and Quarto documents, and `brand-yml` for creating and applying brand.yml files for consistent styling across Shiny apps (R and Python) and Quarto documents. Both skills extend Claude's abilities for accessibility and design consistency in R/Python documentation and app projects.

A Claude Code Skill that generates programmatic videos using React components and the Remotion framework, with AI-powered text-to-speech audio (via MiniMax or Edge TTS) and scene-based timing. The skill scaffolds video projects with support for animations, subtitles, and music visualization.

This standalone Agent Skill pack provides 19 slash commands that automate AI image generation and Seedance 2.0 video creation on Higgsfield, with specialized prompt engineers for UGC ads, cinematic videos, animation styles, and vertical-specific content like food, fashion, and real estate. The suite includes a full UGC pipeline that generates character images and converts them to videos via browser automation with Playwright MCP.

Motion-broll turns talking-head videos and transcripts into motion-graphic B-roll timed to the speaker's words, with continuous morphing shapes and cursor-driven animation that never cuts. It outputs video clips, preview renders with side-by-side comparisons, and timing documentation for integration into your own video editor.

This skill installs three integrated tools—UI/UX Pro Max, Framer Motion, and 21st.dev components—that enable Claude Code to design and build professional animated websites without requiring coding experience. Users can request complete website designs and Claude handles styling, layout, animations, and responsiveness end-to-end.

Cartograph generates architecture, data flow, dependency, call chain, class, and community detection diagrams from codebases by analyzing code structure and rendering visualizations via Mermaid Chart MCP. The plugin provides `/visualize` commands that dispatch a codebase explorer agent to analyze modules and relationships, then synthesize Mermaid diagram syntax for rendering.

A pack of two SwiftUI Agent Skills for iOS 26+ development: swiftui-liquid-glass enables implementation and review of Liquid Glass with native APIs and patterns, while swiftui-iphone-duo adapts SwiftUI apps for iPhone Duo with layout, fold-safety, and hinge interactions. Both skills work with Cursor, Claude Code, Codex, and any Agent Skills–compatible harness.

Naksha is a virtual design team plugin that assembles 26 specialist roles—including UI/UX designers, content designers, Figma experts, data visualization specialists, and brand strategists—activated automatically based on the design task. It provides 63 commands and 15,000+ lines of expert design knowledge to handle everything from landing pages and design systems to social media campaigns, email design, and video production.

Refero is a design skill and MCP server that researches real product interfaces, visual styles, and user flows from 150,000+ app screens before implementation. It enforces evidence-based design decisions by accessing live Refero research data and bundled craft references for typography, color, spacing, motion, icons, and copywriting.

This standalone agent skill extracts design tokens (colors, typography, spacing, border radius, shadows) from any public website and generates W3C-compatible JSON and CSS custom property files for local projects. It's installable via `npx skills add` and provides a repeatable workflow for reverse-engineering starter design systems from existing websites.

Nuxt UI v4 is a production-ready component library with 125+ accessible, Tailwind v4-based UI components, 3 specialized agents, 4 slash commands, and MCP integration for building dashboards, forms, chat interfaces with AI reasoning, editors, and page layouts. The plugin includes pre-built templates for SaaS, documentation, portfolios, and provides deep-dive guides, semantic color theming, and WAI-ARIA compliance built on Reka UI.

Glif is a creative agent that generates images, video, and audio from natural language descriptions, picking appropriate models and chaining multi-step media jobs. The plugin connects the hosted Glif MCP server and bundles 11 skills for web visuals, logos, app promo materials, demo videos, game assets, and continuing saved projects.

Domscribe is a pixel-to-code development tool that enables bidirectional communication between running UI elements and coding agents via MCP, allowing agents to query live DOM snapshots with runtime context (props, state, CSS) and receive direct UI-to-code instructions from developers. It works framework-agnostic (React, Vue, Next.js, Nuxt) with build-time stable IDs and supports any MCP-compatible agent like Claude Code, GitHub Copilot, Gemini, and Cursor.

This Claude Code plugin provides 14 curated agent skills for CesiumJS v1.143 development, covering ~551 public symbols across domains like 3D tiles, imagery, terrain, camera control, and spatial math. The skills integrate with Claude Code and follow the open Agent Skills standard for browser-based iteration via Chrome DevTools.

This plugin integrates Adobe Creative Cloud tools for image editing, vector graphics, design, and video workflows directly into Claude, enabling multi-asset editing and cross-platform adaptation. It provides 15 skills and connects to adobe-creativity.adobe.io to execute polished creative workflows.

Bridge compiles natural-language design descriptions into Figma output that is guaranteed design-system compliant by construction, enforcing 26 Figma API rules automatically through a local deterministic compiler. It provides Claude Code skills for iterative design generation (`make`/`fix`/`done`), maintains a synchronized knowledge base of design system registries via cron, and executes designs in Figma through MCP.

Oh My Cassette enables editing of local project media through an MCP runtime that integrates directly with Cassette video editor. Users can chat with Claude to transform raw video clips into finished cuts using natural language commands.

Vibes is a GUI framework for Claude Code that lets non-programmers build multi-user web apps as single HTML files with embedded TinyBase databases and real-time sync. Users describe their app idea, and Claude generates a complete, deployable application without requiring backend setup or server management.

A comprehensive Claude Code plugin that integrates Remotion with a full suite of video production tools—including video analysis, TTS voiceovers, music/SFX generation, stock footage search, AI image/video synthesis, animated captions, and professional transitions. It automates the entire pipeline from concept to render through MCP servers and command-driven agents powered by ElevenLabs, TwelveLabs, Pexels, KIE, and Replicate.

motiscope analyzes screen recordings of animations to extract precise timing, easing curves, and keyframes, then generates working code in GSAP, CSS, Framer Motion, or Lottie. The tool runs locally with ffmpeg and Python standard library, requiring no cloud accounts or external services, and works as a Claude Code plugin or portable agent skill.

libreuiux-hooks registers three Claude Code hooks that inject UI best practices into your workflow: a SessionStart hook outputs stack context and relevant plugins for frontend projects; a PreToolUse hook confirms before editing secrets files; and a PostToolUse hook highlights accessibility and design issues after UI file edits. All hooks read JSON from stdin and return Claude-formatted context without requiring external APIs or writing files.

This plugin integrates Claude with Canva via an MCP server to create, edit, review, resize, and brand-check designs directly within Claude. It provides 6 skills for design operations on the Canva platform without requiring external API keys.

Funnel Architect transforms Claude into a full-stack sales funnel architect, generating production-ready pages, conversion copy, and deploying to Vercel, Netlify, or Cloudflare using 5 specialist agents and 29 skills covering 13 funnel types. It automates strategy, design, copywriting, performance optimization, and deployment with integrated payment processing via Stripe.

This Claude Code plugin provides 20 agent skills and 3 MCP servers for building location-aware applications with Mapbox across web (React, Vue, Svelte, Angular, Next.js), iOS (Swift, SwiftUI, UIKit), Android (Kotlin, Jetpack Compose), and Flutter platforms. Skills cover geospatial operations, search integration, style management, performance optimization, cartographic design, and security best practices with expert decision-making guidance and production-ready implementation patterns.

This skill collection teaches Claude Opus 5.5 to generate complete procedural videos in two distinct visual styles: hand-painted watercolour-and-ink animation (p5.js + p5.brush) and kinetic typography with WebGL generative layers (three.js). Every frame is rendered in headless Chrome and encoded with ffmpeg, with no external image, video, or audio generation models involved.

Arxitect is an agentic coding plugin that enforces best-practice software design and architecture by providing specialized reviewers that validate API Design, Object-Oriented Design, and Clean Architecture standards. It includes implementation agents and review skills that help coding agents build robust, maintainable software while reducing context burn and improving code quality.

The divi5-toolkit is a Claude Code plugin that assists Divi 5 developers with CSS validation, code generation, accessibility auditing, and performance optimization for Core Web Vitals. It provides 10 commands, 5 agents, and 3 skills including setup auto-detection, selector lookup, and project health diagnostics across the latest Divi 5.13 modules and features.

Molten OS Core is a suite of 6 AI agent skills that compress product validation, brand strategy, design systems, and landing page creation into a reusable pipeline—turning a raw idea into a testable landing page in an afternoon. Each skill (molten-validate, molten-brand, molten-design, molten-landing, molten-search, molten-skill-manage) runs in sequence to guide users through discovery, positioning, visual design, and conversion optimization.

This standalone Agent Skill generates conceptual process flow diagrams (PFDs) as editable SVGs along with the Python script that created them, triggered when a user describes a process and asks to visualize it or mentions P&IDs, control loops, or cascade control. It encodes chemical manufacturing engineering standards to help Claude produce diagrams that practicing engineers would accept, explicitly disclaiming replacement for issued-for-design P&IDs.

wigtn-plugins is an AI-native development plugin with 11 agents, 6 commands, and 7 skills for rapid end-to-end design-to-deployment workflows. It includes team-based parallel build capabilities, screen specification generation (IA/User Flow/Wireframe HTML), and WIGTN-brand PowerPoint generation across 20 design styles.

A Claude Code skill that interactively co-builds C4 architecture diagrams (Context, Container, Component, Code levels) through mode-aware dialogue, automatically detecting whether you're designing greenfield, documenting existing code/prose, reviewing, or updating. Outputs negotiable formats (Mermaid, Structurizr DSL, PlantUML) with validation at each level before writing to local filesystem or connected MCP destinations.

FiftyOne Skills enable AI assistants to perform complex computer vision workflows like dataset management, model inference, duplicate detection, and embeddings visualization through natural language commands. The plugin includes 18 skills that bridge natural language and FiftyOne's operators, powered by the fiftyone-mcp server for autonomous task execution.

OPEN VIDEO EDIT is a local AI video editing framework with six modular skills for turning talking-head clips, scripts, or reference videos into animated vertical shorts and long-form YouTube content. Each skill combines motion graphics, kinetic captions, real logos/faces, and hyper-cut editing timed to the spoken word, with no timeline, templates, or paid generation required.

A design director plugin that generates production-ready UI/UX for marketing websites, web apps, iOS, and Android—producing HTML/CSS directly for web targets and device-framed mockups plus handoff specs for mobile. Enforces a rigorous design method covering briefs, signature elements, anti-AI-slop principles, design systems with OKLCH tokens, motion profiles, UX copy, and a deterministic review gate aligned with WCAG 2.2.

fuse-shadcn-ui is a Claude Code plugin that analyzes and assists with shadcn/ui components, Radix UI, Base UI detection, and component patterns through five specialized skills and two hooks for pre/post tool use. It supports theming configuration and migration scenarios for component library integration, requiring bun as an external dependency.

A Claude Code plugin providing expert guidance on Tailwind CSS v4.1 with CSS-native configuration, custom directives (@theme, @utility, @variant), and the faster Oxide engine. It includes 16 specialized skills covering layout, styling, utilities, responsive design, and new v4.1 features like OKLCH colors and container queries.

Impeccable Lite is a standalone agent skill that delivers frontend design guidance, visual direction, and UX judgment for interfaces without commands or live editing. It helps design, build, and refine websites, dashboards, components, and application UIs with strong visual coherence and production-ready standards.

clawd-video is a standalone Agent Skill that generates short animated cartoon videos in hand-painted watercolor style by writing p5.js code and rendering frames with Puppeteer and FFmpeg, complete with synthesized original music and sound effects. Users describe a character and story, and Claude writes the animation timeline, paints backgrounds, animates the character with squash-and-stretch physics, renders the MP4, and generates a synced soundtrack.

RocketSmith is an end-to-end model-rocket toolchain that orchestrates OpenRocket (flight simulation), build123d (parametric CAD), and PrusaSlicer (FDM slicing) to let agents design, simulate, and build rockets. It closes the loop by feeding real printed-part weights back into the simulation for post-build stability verification.

SpriteCook gives Claude access to a hosted MCP server for generating pixel-art sprites, tilesets, character animations, and game assets with guided workflows. Users can create and manage game-art assets, check credit balance, and export Godot-ready files directly from Claude.

Roast-my-design-system scans your repository to audit design system health, generating a deterministic score backed by detailed findings on colors, spacing, component duplication, and inline styles. It benchmarks your repo against 119 public repositories and 10 reputable design systems, then produces a shareable HTML report with ranked fix recommendations.

roast-my-design-system scans your codebase to measure design system health with a deterministic score, identifying color duplicates, spacing inconsistencies, and inline styles against real benchmarks from 112+ public repos. It generates a shareable HTML report and prioritized fix recommendations tailored to your tech stack (MUI, Mantine, Chakra UI, Ant Design, Tailwind, or custom systems).

Nano Banana 2 generates and edits images directly in Claude Code using Google Gemini 3.1, supporting text-to-image, inpainting, style transfer, 4K output, search grounding, and multi-image composition through a single /genimage command. The plugin automatically selects between Gemini 3.1 Flash for standard work and Gemini 3 Pro for high-resolution output, requiring only a free Google Gemini API key.

The readable plugin injects a SessionStart hook that makes Claude format replies as styled HTML cards, with automatic tier selection (MCP Apps card server, inline widget kit, or BiDi-safe text) based on available host tools—no configuration needed. Each card loads only the CSS it uses, supports Persian/RTL with per-block direction resolution, and can include charts, tables, figures, screenshots, and looping animations that stay embedded in a single offline file.

A customizable status bar plugin for Claude Code that displays real-time session metrics (model, cost, duration, git status, token usage) at the bottom of your terminal with 20+ widgets, 3 layout options, and a pixel art mascot. It uses pure Node.js with zero external dependencies, file-based caching, and targets sub-80ms execution time.

Converts Google Stitch designs into pixel-perfect Next.js components with exact CSS values, fonts, and images preserved through a 7-phase extraction pipeline. It auto-detects your Tailwind version, downloads assets, maps design tokens, and validates output against the original design screenshot.

Design Library is a Claude Code plugin bundling 58 brand design systems (Stripe, Linear, Vercel, Figma, Google, Anthropic, and more), 7 curated design skills covering UI/UX, web guidelines, accessibility (WCAG 2.2), motion design, visual taste, and Lighthouse/Core Web Vitals audits, plus a bundled Playwright MCP for in-browser UI verification. The plugin auto-detects your project type and activates relevant skills via slash commands and natural language integration.

F-MCP Bridge connects Figma designs directly to Claude and other AI assistants through 26 skills and 8 commands, enabling bidirectional design workflows like extracting design tokens, generating React code, and performing accessibility checks—all without sending design data to the internet. Runs locally on Claude Code, Claude Desktop, or Cursor with optional Figma API token support for advanced features like version history and comments.

excalidrawer is a code-first diagram generation tool that turns structured specs or agent intent into hand-drawn-style Excalidraw diagrams (flowchart, timeline, architecture, sequence) and exports them to .excalidraw, SVG, or PNG—no browser needed. The Claude Code plugin auto-registers an MCP server with five built-in skills and works entirely via CLI, programmatic API, or in-context agent commands.

This standalone Agent Skill provides two design tools: cyxj-poster generates professional poster and cover designs using 33+ designer styles and 10 photography styles with AI prompt optimization and image-to-image capabilities, while cyxj-video-cover handles video and YouTube thumbnail generation via the cyxj-release-kit. Both skills support multiple platform aspect ratios and style comparison features.

A standalone Agent Skill that provides Claude with comprehensive reference documentation for building Mintlify documentation sites, covering components, configuration, navigation, and API documentation setup. The skill intelligently routes to detailed reference files only when needed, including syntax for callouts, cards, steps, tabs, accordions, code groups, and full docs.json schema reference.

A design audit plugin that scores projects across 12 dimensions—color, typography, accessibility, layout, and more—using WCAG and APCA standards, reporting exact file locations, measured values, and specific fixes for each issue. It works as a Claude Code plugin, Agent Skills, or standalone CLI tool with zero runtime dependencies and no external keys required.

Agent Grid by Anima is an MCP server that lets AI agents build, host, publish, and edit web apps from prompts, URLs, Figma designs, or custom code. Every app is stored as a real git repository on the Agent Grid platform and can be deployed to live URLs.

cc-meme is a Claude Code Hook plugin that displays floating animated overlays during coding sessions via communication with the meme-overlay desktop application through POSIX named pipes. It listens to eight different Claude Code events (session start, tool use, errors, etc.) and automatically manages the overlay process lifecycle.

Claude Code plugin that provides a production-grade library of 58 security-reviewed Blender skills through a single MCP server, with task classification and workflow profiles that scale planning and render budgets to the job. It lets Claude build, materialize, light, and render 3D scenes in Blender 4.2+ with checkpoints and planning at each stage.

Claude WP Builder automates the conversion of demo HTML mockups into production WordPress themes with ACF/SCF fields, bilingual support, and SEO — processing section-by-section or entire sites in one pass via command-line workflows. It transcribes client-approved static designs into fully functional themes, never inventing design and always starting from an approved demo.

ftk is a frontend development toolkit providing 18 skills and 4 agents for UI/UX design, shadcn/ui components, browser automation, JSON rendering, and Remotion explainer videos. It includes 11 commands for design workflows, prototyping, and integration with Google Stitch AI for AI-powered UI generation.

The researcher plugin creates distinctive, print-ready HTML and Markdown one-pagers with five curated aesthetic presets (Terminal, Editorial, Corporate, Industrial, Fresh) designed to avoid generic AI design patterns. It converts HTML documents to PDF using Chromium-based browsers and provides shell commands for batch PDF generation.

Ultimate Frontend Skills ships a complete design system and build pipeline for creating cinematic, editorial websites with WebGL mesh gradients, three-plane parallax, procedural 3D views, and professional typography—replacing generic AI-generated layouts. It provides 23 commands covering reference research, asset management (CC0 PBR materials, HDRI lighting), Blender integration, scroll choreography tools, and verification gates across nine build stages from brief to ship.

brand-forge generates on-brand logos, social templates, and marketing graphics as scalable SVG assets with zero required keys or accounts; AI imagery via Gemini or OpenAI is opt-in and off by default. It stores a versioned visual brand profile and enforces accessibility checks (contrast, clear-space, palette) on all generated assets before output.

A floating Pokémon or Digimon companion that appears in Claude Code, reacts to your coding sessions in real-time with animations, and evolves through levels as you complete tasks. The pet battles random challengers, maintains a persistent dex of creatures you've encountered, and adapts behavior based on tool success or failure throughout your day.

fig is a Claude Code plugin that automates the non-drawing half of Figma work—preparing design files, maintaining consistency, and generating handoff documentation through 14 skills like setup, lint, prep, and code generation. It reads and enforces team conventions from a shared configuration file, supports design tokens and flow arrows, and integrates with front-end code and QA workflows.

A Claude Code plugin that organizes scattered AI usage into a reusable, team-owned design practice through a five-layer harness: Context, Skills, Orchestration, Rubrics, and Knowledge. Four skills enable learning, setting up, maintaining, and reviewing the harness across Notion, Figma, and version-controlled repo artifacts.

This plugin enables Claude to create and manage flowcharts, mind maps, wireframes, sequence diagrams, and sticky notes directly in Whimsical through an MCP server connection. Users can iterate on diagrams, search their Whimsical workspace, and edit existing boards without leaving the conversation.

apple-hig ships a complete on-disk reference of Apple's Human Interface Guidelines (iOS, iPadOS, macOS, watchOS, tvOS, visionOS) and automatically designs and reviews UIs to match them, with a router skill that loads only the files relevant to the current task. It includes verified design tokens, typography, color palettes, layout rules, and accessibility minimums from the current Liquid Glass/Golden Gate generation, all without fetching Apple at runtime.

BashCut Agent Kit provides 12 Claude Code and Codex skills for video editing workflows—survey footage, cut to rhythm, mix audio, add captions, grade color, and apply effects—by commanding the BashCut video editor via its MCP server. Each skill guides agents on what to measure, where to cut, and which effects fit each moment, never pre-rendering media but analyzing it through BashCut's own CLI commands.

The Doom Design System plugin equips AI agents with comprehensive knowledge of a neubrutalist React component library, including component APIs, design tokens, theming, and coding standards. It includes 4 agents, 3 commands, 1 skill, and 1 hook that intercept pre-tool-use events to guide component selection and implementation.

Showtime is a local video production studio that generates motion graphics, voiceovers, music, sound design, captions, and platform-ready video exports entirely on your machine from natural language descriptions. It integrates with Claude Code and other coding agents through Agent Skills, requiring only Node.js and uv, with no cloud services or API keys needed.

slide-forge is a Claude-first agent-driven system for generating Google Slides presentations using 25 reusable skills covering templates, diagrams, sales workflows, and analysis frameworks. It provides an end-to-end pipeline from spec authoring through validation, generation, visual QA, and optional PowerPoint export with no external API keys required.

UI/UX Pro Max is a Claude Agent Skill providing design intelligence with 67 styles, 96 color palettes, 57 font pairings, and 25 chart types across React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui. It supports actions like planning, building, designing, implementing, reviewing, and optimizing UI/UX code for websites, dashboards, e-commerce, SaaS, mobile apps, and more.

This standalone Agent Skill transforms Chinese or multilingual SRT subtitle files into animated 9:16 vertical videos using a Notion-minimalist card-led style with centered 3:4 modules, and converts oral presentation SRT subtitles paired with MP3 audio into synchronized "indicative animation" explainer videos with dark or Gumroad-style light themes using abstract shapes rather than text overlays. Both skills support semantic scene segmentation, storyboard review, frame-by-frame animation authoring, and rendering to 4K MP4 output, with the latter backed by a 540-animation reference library and a v2 design specification for speech-driven dark animations.

adr-creator helps developers document architectural decisions by generating Architecture Decision Records (ADRs) through Claude Code. The plugin includes one skill and one MCP server, requires npx, and supports tiers from free (50 req/day) to enterprise plans.

Agent Critter is a desktop pet plugin for Claude Code that displays real-time AI work status through animations synchronized via webhook hooks. It supports 2700+ customizable spirits from Petdex with drag, scale, and pet-switching capabilities.

ai-brainmap visualizes Claude Code's reasoning in real-time as an interactive 2D/3D mindmap, with every user prompt, tool call, and response rendered as a glowing node that grows additively as Claude works. The plugin runs a local Python HTTP server that receives events via Claude Code hooks and streams live updates to a Three.js + D3 frontend in your browser, with optional LLM-powered topic clustering that defaults to local endpoints only.

animation-helper generates CSS and Framer Motion animations through an integrated MCP server and skill. It supports both free and paid tiers, with the free plan offering 50 requests per day.

Transforms a project repository into a narrated, edited demo video by reading the codebase to write a storyboard, driving the UI with Playwright and recording clips (via Playwright video or OBS), generating ElevenLabs voiceover with measured duration, and rendering the final output with Remotion or exporting as a Final Cut Pro project. The plugin enforces deterministic pipelines with JSON contracts, audio-led timelines, and multiple quality gates to ensure consistent demo video production.

Get Design Done is an agent-orchestrated 5-stage design pipeline (Brief → Explore → Plan → Design → Verify) with 35 specialized agents, 58 skills, and 12 tool connections (Figma, Refero, Preview, Storybook, Chromatic, Figma Writer, Graphify, Pinterest, Claude Design, paper.design, pencil.dev, 21st.dev, Magic Patterns) that grounds design work in verified references, system inventory, and the original brief. It embeds NNG heuristics, WCAG compliance checks, dark-mode verification, motion-system consistency, and anti-pattern detection with a self-improvement loop (reflector agent, telemetry-driven feedback, global-skills layer) and CI/CD pipeline (Node 22/24 × Linux/macOS/Windows), targeting 50–70% per-task token-cost reduction.

This Claude Code plugin provides a structured 5-stage ideation pipeline—intake, generate, review, UI concepts, and prototypes—orchestrated through an integrated agent and complementary skills. It processes creative ideation workflows locally using bash without requiring external API keys or third-party services.

This plugin enables Claude Code to generate and manipulate diverse media assets—images, videos, GIFs, music, and text-to-speech—alongside data visualizations using Google Gemini, D3.js, Mermaid, and Draw.io. A visual-planning gate and media-prompt-craft workflow ensure every asset is clarified, styled, and reviewed before production.

This Claude Code plugin automates the full PCB design workflow from circuit ideas to manufacturable KiCad projects, handling part selection, schematic generation, placement, autorouting, and electrical/noise validation. It outputs production-ready files including Gerbers, BOMs, and pick-and-place files, while keeping all designs as editable KiCad 9 projects.

This plugin transforms design briefs into production-ready React/Vite websites by orchestrating design direction, content architecture, AI-powered media generation, and parallel per-page implementation with visual testing. It enforces an opinionated workflow to eliminate low-quality outputs and automates the entire path from concept to deployable code.

Arkitect generates and edits native Draw.io and Excalidraw diagrams from JSON specifications, creating cloud architectures, system designs, data pipelines, and network views with 6,000+ bundled icons entirely on your machine. The agent validates diagrams and renders local previews, supporting both formal architecture visualizations and hand-drawn sketches with no external dependencies or uploaded data.

Design-playbook provides declarative UI generation for Claude Code agents through a six-layer spec-to-evaluation pipeline, composing component templates and CJK-first design contracts. It includes 9 skills and 8 commands for orchestrating product UI from baseline discovery through craft validation and acceptance review.

This standalone Agent Skill generates chunky low-res pixel-art game sprites for characters, monsters, and bosses with consistent style across rosters using Google Gemini and a deterministic post-process snap pipeline. Output is engine-agnostic PNG files (chars, monsters, background sets) ready for 2D game engines like Godot, Unity, Pico-8, and raylib.

Phyll walks through your AI-built app as a first-time user would, collecting screenshots and interaction data to identify UX anti-patterns like excessive form fields, template defaults, and accessibility issues, then generates a detailed report with fixes. The plugin runs in Claude Code using your own plan with no additional AI token charges, and includes a source scanner, browser, and review engine.

This Claude Code plugin integrates PluginOS MCP server to enable token-efficient Figma automation, bridging Claude directly to Figma without dumping raw node data. It includes a procedural skill that teaches Claude to use PluginOS operations effectively.

This standalone Agent Skill repo provides two skills for working with SAP's UI Theme Designer and design tokens: ui-theme-designer-help answers how-to and conceptual questions about setting up, managing, and using UI theme designer on SAP BTP, while ui-theme-designer-design-tokens answers questions about SAP Design System themes, Fiori design token values across theme variants, and which tokens UI5/Web Components/Fundamental Styles controls consume.

This plugin ships the Webflow MCP server (remote HTTP with OAuth) plus a `webflow` skill, enabling projects to read and edit Webflow sites including pages, CMS, assets, components, styles, variables, custom code, comments, localization, and publishing from a single dependency. Authentication uses OAuth at mcp.webflow.com with no API key required.

A Claude Code plugin that displays an animated robot face on your screen, showing Claude's state in real-time—idle, thinking, writing, running commands, waiting for approval, or done. It integrates via hooks to track Claude's actions and displays different facial expressions and actions that correspond to what Claude is actively doing.

Draw and annotate elements on a running localhost page, then send all markups and notes into Claude Code for editing—the plugin captures element details, DOM structure, React component tree, and cropped screenshots, then reports progress back to the page as Claude works. Everything runs locally with no cloud, requiring only Node.js and a Chrome window.

CADBuildr provides 4 AI skills and an MCP server for 3D CAD workflows, enabling design, rendering, export, and broker/viewer operations within Claude Code, Cursor, Codex, and Mistral Vibe. It connects via the CADbuildr API key and MCP endpoint at mcp.cadbuildr.com.

A collection of four vendored Claude Code skills—find-skills, stop-slop, task-observer, and ui-ux-pro-max—packaged together for convenient installation into any project via shell scripts. Each skill addresses a specific workflow: discovering capabilities, eliminating AI writing patterns, observing multi-step work, and designing interfaces with design system and accessibility guidance.

cupertino applies a fixed, sequenced eight-stage design lifecycle discipline rooted in documented Steve Jobs decisions, running in order from backwards-compatibility checks through prototyping, council review, and ship-time stages rather than as a menu of individually-selectable techniques. It includes four handbook skills to embed design decisions durably across code, design, testing, and documentation domains, plus a post-ship cannibalization stage for continuous improvement after launch.

design-drift is a Claude Code plugin that prevents AI-generated UI from drifting away from your design system by enforcing constraints in real time on every write via PostToolUse hooks. It supports 121 brands with dynamic token extraction from constraint layers (SKILL.md) and visual guidelines (DESIGN.md), surfacing violations with inline fix hints.

Easing Wizard generates professional CSS easing curves and provides animation auditing through an expert agent, offering 7 MCP tools for Bezier, Spring, Bounce, Wiggle, and Overshoot curves with 68 presets. Three skills let developers describe animation feels and get curve recommendations, upgrade existing easings, or audit entire projects for animation improvements.

The Figma plugin integrates the Figma MCP server with 9 skills to enable AI agents to generate code from design files, extract design context, and write native Figma content directly to the canvas. It provides workflows for code generation, design system integration via Code Connect, and variable/component extraction.

This skill converts design images (Figma exports, mockups, wireframes, screenshots) into clean, semantic, accessible HTML/CSS code with SEO best practices. It activates when users provide an image of a page or component and request code generation.

The iris Claude Code plugin gives Claude a reliable camera for capturing screenshots of live websites with full-page, element-level, mobile/desktop preset, dark mode, and batch capabilities via a CLI and bundled MCP server. It includes skills for `/screenshot`, `/responsive-audit`, and `/visual-diff` along with a `@visual-reviewer` subagent for proactive visual QA after UI changes.

DJclaude generates 30-second clips or full 2–3 minute songs from text prompts using Google Lyria 3, with control over genre, BPM, instruments, and mood entirely through natural language. The skill is completely free and runs on the Gemini API's free tier.

Marvelous UI is a framework-agnostic Web Components library providing 21 free UI components (badges, buttons, dialogs, menus, toasts, and more) accessible through a local MCP server that searches, installs, and documents components for Claude Code agents. The plugin includes a skill that teaches agents how to use the library, hooks that encourage searching before hand-writing UI, and runs entirely locally with no external dependencies or network requests.

Matrize derives a master design system from reference exemplars, assigns explicit purpose and rules to every recurring element, and emits to platform-neutral DTCG token files that generate byte-stable output across CSS, Tailwind, VitePress, and other targets. Measurement and interpretation are kept as separate artifacts; sources are read-only, and values are graded for trustworthiness and reproducibility rights before any token is created.

Motif is a suite of ten Agent Skills that measure design inconsistencies in a codebase, help you establish a design system with standardized spacing, type, and color values, apply those tokens throughout your code, and enforce them via linting. It works across frameworks (React, Vue, Svelte, Astro) and can also beautify UIs, apply transitions, choose icon libraries, and generate empty states once your design system is in place.

This plugin creates AI-powered marketing videos through a complete pipeline that takes a brief and automatically generates storyboards, images, video clips, background music, and lipsync effects using MuAPI's generative media APIs. Users can request videos directly from Claude Code (e.g., "Create a 30s TikTok for our coffee brand") and receive clip and music URLs ready for final assembly in a video editor.

This plugin generates production-ready Pendo in-app guides (walkthroughs, announcements, alerts, polls, promotions) as HTML/CSS/JS based on a conversational intake form. It connects directly to Pendo's platform to streamline the creation of user engagement content without manual coding.

rs-dl-architect is a Claude AI skill that designs, analyzes, and reviews deep learning architectures specialized for remote sensing and satellite imagery tasks. It covers segmentation, change detection, multi-modal fusion, temporal analysis, foundation models (SatMAE, Prithvi, GeoSAM), object detection, and uncertainty quantification, with production-ready code templates in PyTorch and TensorFlow.

A Claude Code plugin that lets you describe a website concept and automatically publishes it to simple-host.app with pages, backend services for saves and sign-ups, visitor analytics, and custom domain support. The plugin integrates with Simple Host's infrastructure through 3 skills and an MCP server to handle site deployment and management.

Stunt Double is a standalone Agent Skill that deploys AI user personas to validate user journeys and find UX friction points before real users encounter them. The skill provides five agents to create actor personas, run design reviews, execute QA suites, validate workflows, and triage feedback—all integrated with Claude through MCP at a hosted endpoint.

Supericons enables semantic SVG icon search across 20,000+ free icons from 11 libraries, allowing agents to find icons by meaning, visual description, and tags rather than file names. It provides icon retrieval, visual comparisons, and consistent icon set recommendations for UI components.

This plugin connects Claude to Unbounce's MCP server, enabling authors to create, manage, and publish landing pages directly through the Unbounce platform. It provides three skills for interacting with Unbounce landing page assets and workflows.

Vulca is a visual control layer for Claude Code that transforms fuzzy creative intent into structured direction cards, design specifications, and cultural evaluations through a 7-skill workflow. It coordinates provider-routed image generation, editing, and VLM-backed evaluation while maintaining auditable artifacts like discovery.md, design.md, and evaluation.json.

Accents for UI5 is an open design framework for building business applications on OpenUI5, providing a shell, 16 page patterns, and 70 pre-built elements with consistent design rules for planning, analytics, forms, reporting, and workflow. The Claude Code plugin includes a skill that teaches the framework's rules and an MCP server that helps find entries, read examples, launch apps, and validate implementations.

This agent skill helps implement and troubleshoot native window materials and effects in Tauri 2 desktop applications, including macOS vibrancy/Liquid Glass and Windows Mica/Acrylic. It provides guidance on translucent sidebars, titlebars, transparent WebView content, and platform-specific opaque fallbacks.

This Claude Code plugin integrates the Antigravity CLI (agy) to create PNG images from text descriptions and translate content into Emirati (UAE) dialect Arabic. It provides three tools: image generation, Emirati text translation, and poster creation with translated Emirati captions.

AIGUI is an SDK that lets Claude Code render streaming LLM responses as live interactive UIs with charts, diagrams, 3D scenes, topologies, molecules, and custom cards in React, Vue, or plain DOM. The Claude Code plugin provides an MCP server and guidance for integrating the @ai-gui/core SDK and its plugin ecosystem to turn fenced code blocks into rich visualizations.

A PMPO-driven iterative refinement engine with five agents and twenty domain-specific skills for refining logos, UI components, content, images, code, and A2UI specifications across Claude Code and 12+ other supported IDE agents. It uses bash execution, optional e2b sandboxing, and vendored Rust tools (rust-mcp-filesystem, template-forge) with cross-session state management and multi-agent deployment support.

Blueprint Studio is a Claude Code plugin that lets you generate branded AI assets, manage team members, and customize styles through natural conversation—no API keys required. It connects to tools.blueprintstudio.ai via MCP server and provides tools for asset generation, brand/team management, custom styles, and automation.

Buoy is a Claude Code plugin and MCP server that gives coding agents access to your design system tokens so they look them up before writing styles, then automatically flags hardcoded values and design drift after each edit. It works with CSS custom properties, Tailwind themes, tokens.json, SCSS variables, and DESIGN.md files with no configuration needed.

This Claude Code plugin teaches Claude to create and manipulate collaborative whiteboards and diagrams using Canvs.io through an integrated MCP server. It enables users to request flowcharts, wireframes, org charts, and other visual content directly through Claude, which leverages Mermaid as its primary diagramming strategy.

This plugin packages IBM's official carbon-builder skill with a hosted Carbon MCP server to enable component/variant/prop search, docs lookup, accessibility guidance, charts source, labs access, and code-compliance audits for IBM Carbon Design System UIs. An IBM-approved account is required to access the server; unapproved sessions fall back to a bundled public-docs index.

Character Prompt Builder converts character ideas, design briefs, or existing character states into complete image-generation packages—prompts, negative prompts, and reference materials—that can be sent to an image service while maintaining a studio of every generated image alongside its source request. The plugin uses local Python tools to manage production knowledge, validate inputs, track character state across revisions, and keep a versioned record of all approvals and results without requiring API keys.

An Agent Skill providing architectural guidance and code review automation for C# / .NET projects using Vertical Slice Architecture, CQRS, and modern C# idioms (C# 12–14). It includes reference documents on architecture patterns, code quality guidelines, a 100+ item review checklist, and anti-pattern detection to enforce aesthetic architecture principles.

This plugin provides 7 classical image processing skills including format conversion, SVG rendering, resizing/cropping/rotating, color adjustment, filters, edge detection/segmentation, and compositing/blending operations. Claude automatically selects the appropriate skill based on user requests to perform the image manipulation task.

darkroom-claude automates measured RAW photo development by diagnosing images with quantified metrics, safely editing darktable XMP sidecars, and framing photos for social media export without GUI automation. It includes skills for tonal analysis, XMP rule enforcement, social media composition, and tools for rendering, verification, and database synchronization.

DataInk provides six modular AI skills for clear data communication, including chart design, infographic creation, dashboard layout, table design, data storytelling, and visualization review grounded in Tufte, Few, and Knaflic methodologies. It runs as a Claude Code plugin with built-in accessibility checks, WCAG compliance validation, and color-blind-safe palette recommendations.

A Claude Code plugin that guides you through product design from initial idea to launch, applying stage-specific frameworks while tracking decisions, killed ideas, and reasoning in a persistent project brain. It encodes one designer's concrete rules and case library, triggering just-in-time guidance based on problem size and development stage rather than applying generic frameworks universally.

Designless is an agent orchestrator that connects coding agents to brand design intelligence and Prism, an agent-native canvas, enabling them to build with consistent brand context instead of generic defaults. It detects user intent from natural language and automatically routes to the appropriate capability—from brand creation and design token generation to visual editing and pull request generation—without requiring specific sub-commands.

This plugin sets up, audits, fixes and gates a web project's design system using W3C Design Tokens (DTCG) and rules documents, so AI coding agents stay on-brand. It installs gates that enforce design compliance via token checks, ESLint rules, git hooks, and CI jobs, with a built-in Terrazzo + Tailwind CSS v4 profile for compatible projects.

A routed agent skill that guides website creation, product design, brand systems, messaging, and design audits through progressive disclosure, loading specialist knowledge only for the current phase. It distinguishes itself from webdesign-excellence by focusing on strategy, content architecture, and UX planning rather than concrete page and component implementation.

This Claude Code plugin enables building, previewing, and publishing web apps directly in your drobek workspace through the drobek MCP server, generating a shareable preview URL after each build. It supports both drobek.app and self-hosted drobek servers, with OAuth authentication and real-time compile checking as files are written.

DS Bridge measures design-system adoption, health, and drift over time by recording metrics in CI and analyzing them across repositories, then uses token drift detection, design-system-aware linting, and pre-handoff QA to find and fix off-system code within Claude Code. It integrates with Figma Professional+ to validate designs against token files and exports analytics to dashboards, manager reports, and BI tools.

The Flint plugin for Claude Code enables building and managing websites through natural conversation by running background agents that add pages, update content, and redesign sections. It connects to Flint's AI website builder, allows checking agent progress with preview URLs, listing sites across organizations, and publishing to production.

Foreigner is a designer-founder partner plugin that guides you from vague ideas to shipped products by applying stage-aware thinking, remembering past decisions and killed ideas, and checking what already exists before building. It encodes one designer's concrete rules and case library rather than generic frameworks, and stays aware of problem size and launch stage to apply the right thinking at the right time.

A standalone Agent Skill that guides design and implementation of distinctive, high-craft game UIs in Godot 4.7, combining art direction, interaction design, native implementation, and visual review without requiring external tools or dependencies. It includes 31 focused knowledge modules, reusable templates, two worked briefs, optional local validation scripts, and 12 evaluation cases to help produce original visual grammar rather than copying reference aesthetics.

This plugin enables AI coding agents to share work-in-progress code for design review and implement structured feedback from reviewers. It auto-detects deployment providers (Vercel/Netlify), collects feedback via element pins, polls, and recordings, then helps agents triage and implement changes.

This plugin converts Claude Design prototypes into hosted web applications on kainoapp.com and enables iterative updates through new work packages without leaving the conversation. It manages the full lifecycle from design validation to deployment, with explicit user confirmation required before any infrastructure changes.

This Claude Code plugin integrates with the Klox MCP server to enable building and editing AI videos on Klox canvases. It adds a Klox skill that allows you to create and manipulate video content directly within Claude.

Lindo AI enables Claude to create websites, pages, and blog posts, while managing clients, credits, and custom domains through natural conversation. The plugin provides six skills for website creation, content management, and client administration, backed by the Lindo AI API.

Logospell generates cohesive sets of AI images—icons, game assets, UI elements—on solid or transparent backgrounds with precise control over style, size, and framing. The plugin connects via a hosted MCP server and includes free tools to resize, re-frame, and export sets as web, iOS, Android, and Flutter icons.

This plugin integrates the Mailtea MCP server and three skills (email, email design, and website design) to let AI agents send emails, design newsletters, and build publication websites through natural language requests. It connects via browser sign-in to api.mailtea.app and requires a Mailtea account with a verified sending domain.

This plugin provides access to five MCP servers for open-source and cloud-based design and media tools: Penpot for design, ComfyUI for local AI image/video/audio generation, Blender for 3D, Figma for design context, and fal for paid frontier image/video models. Prerequisites include Node 20+, uv, local installations of Penpot/ComfyUI/Blender, and optional API keys for Figma and fal cloud services.

This plugin converts Markdown slides (slides.md) into polished Keynote decks by populating the theme's native title and body placeholders, so presentations automatically inherit the theme's fonts, colors, and bullet styles. It supports three workflows: writing content directly, writing notes for Claude to expand, or requesting a fully generated deck, with smart update logic to preserve manual edits in Keynote.

Media-gen orchestrates an intake-to-delivery pipeline for AI-generated media (character sheets, backgrounds, photo transformations, shorts), managing cost estimation in credits/USD/KRW with a free tier option and enforcing approval gates before Higgsfield MCP calls execute. The plugin validates genre-specific inputs, applies identity-locked prompts across review checkpoints, and maintains job records while delegating actual generation to Higgsfield MCP or user web UI.

Metamorfiles Studio is an AI agent that designs on-brand social posts, ads, and A/B test variants in every platform size, then renders them as pixel-exact images on your computer. It bundles templates, batch processing, visual control panels, and optional image generation via OpenRouter.

Muser is a local-first semantic image search plugin that indexes folders of images and retrieves them by natural-language description using on-device SigLIP/CLIP embeddings and LanceDB, with zero API keys required for core search functionality. It provides three interfaces—a CLI, a browser-based search UI, and an MCP server with an interactive results gallery—plus optional cloud integrations for image captioning and generation.

A plan/build/review workflow for Claude Code that structures React feature development across separate sessions—/analyze writes PLAN.md and API contracts from your OpenAPI spec, /implement builds the plan in order, /review checks the diff. Includes self-loading React 19, TanStack Query, and shadcn/ui skills, plus Figma agents that extract components without payloads entering your session.

This skill converts a resume (PDF, DOCX, or plain text) into a unique, self-contained HTML portfolio website by analyzing the candidate's personality, tone, and background to choose a fitting visual aesthetic. The output is a single deployable file that works on GitHub Pages, Netlify, or Vercel with no additional setup required.

This Claude Code plugin connects to Rubiic's MCP servers to create and render videos from plain-language briefs, with support for exporting to MP4, GIF, stills, carousels, and captions. The plugin manages API authentication and teaches Claude how to orchestrate video creation through Rubiic's agent and rendering services.

Santa Claude is a festive holiday-themed plugin that adds seasonal commands, ASCII art, and animations to Claude Code, including Santa-themed code reviews and a holiday welcome screen. The plugin provides four interactive commands (`/santa`, `/naughty-or-nice`, `/snowfall`, `/christmas-countdown`) plus optional animated status line and wrapper features.

senzu-front is an all-in-one frontend and design plugin featuring UI/UX Pro Max (design systems, 79 styles, 192 color palettes, 22 framework stacks), GSAP ScrollTrigger, and Three.js, with Spanish language support and specialized profiles for Laravel+Inertia+Vue, Next.js, Astro, and Vue 3. It includes 15 skills covering design system management, project planning, code quality, deployment operations, marketing SEO, 3D graphics, and framework-specific tooling.

Critiques designs, writes interface copy, reviews accessibility, synthesizes research and prepares developer handoff notes by connecting to Figma, Linear, Asana, Atlassian, Notion, Slack, and Intercom. The plugin includes seven skills for design critique, accessibility audits (WCAG 2.1 AA), UX copy writing, design system documentation, user research planning and synthesis, and developer handoff specifications.

shipui is a Claude Code plugin that enforces a 10-step production workflow for building web UIs with Next.js, Tailwind v4, shadcn/ui, and Motion, auto-activating on UI requests and gating delivery through a 61-rule QA checklist. It includes two skills and a SessionStart hook that inject design discipline and opinionated stack guidance directly into Claude's reasoning.

A Windows helper program that opens a drawing pad with Ctrl+Alt+D, lets you sketch by hand or with a graphics tablet, and copies the drawing to the clipboard for pasting into Claude or other applications. On macOS and Linux, a simple offline HTML drawing board is available in the browser instead.

Softlight generates and implements design directions for product design problems by exploring alternatives and making code changes directly. The plugin wires up the app so designers can see results immediately through its 7 integrated skills and hook-based architecture.

A verification and documentation system for modular electronics designs that turns a parts list and board definition into a built and simulated design while catching mismatches between schematics, layouts, vendors, and fabrication files. It provides five deterministic checks (vendor pins, footprints, physics, BOM, design rules), reverse-engineering support for existing boards, and a parts library with full provenance tracking—refusing to guess where data is missing rather than generating potentially wrong values.

This standalone Agent Skill enables full component development workflows from Figma designs to tested React components, with capabilities to convert Figma designs to JSX/Astro components using Tailwind CSS and generate Vitest Browser Mode tests. It provides intelligent component classification for testing (Simple/Complex) and integrates with the Figma MCP server for design-to-code conversion.

This standalone Agent Skill enables full component development workflows from Figma designs to tested React components, with capabilities for converting Figma designs to JSX/Astro code using Tailwind CSS and generating Vitest Browser Mode tests with intelligent component classification. The skill operates as a cohesive system for design-to-implementation automation without requiring external API keys or paid services.

tabby assigns each Claude Code session an AI-generated name, a distinct color, and live status indicators (working/your turn/needs you) visible in your terminal tab bar and an optional macOS Dynamic Island overlay. It provides one-line control via the /tab command for renaming, recoloring, theming, and window tiling across multiple concurrent sessions.

TaleBuilder creates personalized children's picture books by generating stories, drawing characters, and illustrating pages based on user descriptions and grade levels. It integrates as an MCP server across multiple AI assistants (Claude, ChatGPT, Gemini, Grok) with free story previews and paid page illustration.

This MCP server enables Claude to control TouchDesigner by exposing tools for project creation, node manipulation, parameter configuration, and visual inspection via a TCP connection to the TouchDesigner application. The plugin automatically installs and manages the underlying touchdesigner-cli tool, handling communication with TouchDesigner instances over a local network interface.

ui-consistency is an AI-aware design system that analyzes your existing codebase to extract design patterns, then guides Claude to write new pages consistently with your project's established conventions without requiring any configuration or additional tools. It works through four phases—finding patterns, planning, implementing, and verifying—allowing the coding agent to match your UI conventions by reading how pages are already built rather than relying on external design tokens or catalogues.

A Claude Code plugin that integrates the @annondeveloper/ui-kit component library, giving Claude awareness of 147 zero-dependency React components with Aurora Fluid design patterns, physics animations, and OKLCH color system. It provides skills for component discovery, generation, design-system guidance, accessibility auditing, and layout architecture through an auto-connected MCP server.

UXMachine opens your site in a real browser at multiple viewports and returns verifiable observations about visual state, measurements, and how to verify changes. The plugin provides an MCP connector and a Claude Code skill that prompts your agent to measure pages before completing tasks.

UX Superpowers is a Claude Code plugin that conducts user-centered design discovery before development, capturing personas, jobs-to-be-done, user journeys, and telemetry planning through 8 specialized skills. It integrates with Superpowers to ground technical decisions in real user data and structured research artifacts.

This Claude Code plugin compiles text, documents, URLs, and video clips into reproducible short videos with platform-specific packages (TikTok, Reels, YouTube Shorts, LinkedIn, Facebook), complete with captions, thumbnails, and source citations. It uses local-first processing with optional paid voice and video generation APIs, requiring no core LLM keys while supporting Claude-written motion design and intelligent beat-snapped editing.

The VideoZero plugin connects Claude Code to the VideoZero engine for video generation, revision, and engagement tracking through likes. It provides MCP server integration to enable video creation and editing workflows directly within Claude.

This skill provides coherent web art direction and implementation guidance with 12 distinct visual styles and 18 techniques, routing tasks through brief analysis, style selection, and verification without enforcing any specific framework or library. It covers marketing pages, commerce, portfolios, applications, and data visualization while maintaining semantic integrity and accessibility.

The Webly plugin enables building, previewing, and publishing typed React websites with integrated quality gates and human approval workflows. It connects Claude to Webly's platform via an MCP server, handling session initialization and shell execution for development tasks.

This skill enhances Claude's frontend design capabilities to create production-grade UI/UX with distinctive aesthetics, bold typography, color palettes, and high-impact animations that avoid generic AI-generated interfaces. Claude automatically applies it for frontend work, enabling context-aware implementation of dashboards, landing pages, and other design components with meticulous visual detail.

UI UX Pro Max is a searchable local database of 79 UI styles, 192 color palettes, 74 font pairings, 25 chart patterns, and 22 implementation stacks (covering React, Vue, Svelte, Flutter, Tailwind, and more) designed to assist with page layouts, components, color schemes, typography, and accessibility. The plugin includes an AI-powered Design System Generator that analyzes project requirements and generates complete, tailored design systems with recommended patterns and styling guidance.

Taste Skill is a collection of 13 portable Agent Skills that enhance AI-generated frontend interfaces with refined design principles like brutalist, minimalist, and soft aesthetics, covering layout, typography, motion, and spacing. It also includes image-generation skills for creating reference boards that can be paired with AI image generators and handed to code assistants for implementation.

Impeccable provides design fluency for AI-assisted frontend development through 23 specialized commands and 59 deterministic anti-pattern detection rules. It guides code agents on layout, typography, color, animation, accessibility, and UI polish while enforcing a design system context initialized once per project.

HyperFrames is an open-source framework that converts HTML, CSS, media, and animations into deterministic MP4 videos, with 21 skills for AI coding agents to create videos, animations, and motion graphics on demand. The plugin provides a router skill that intelligently picks creation workflows for video production, composition porting, and animations including GSAP support, captions, voiceovers, and audio-reactive visuals.

Creates editorial-quality diagrams including architecture, flowcharts, sequences, state machines, ER models, timelines, swimlanes, quadrants, radars, loops, trees, org charts, Venn diagrams, pyramids, Gantt charts, and Wardley maps, outputting self-contained HTML+SVG files with minimal styling and optional motion. The plugin converts existing draw.io, Mermaid, or Excalidraw diagrams to chosen formats and detail levels while maintaining semantic pattern separation from layout.

A Claude Code skill that guides developers through structured brand discovery interviews and iteratively generates landing page designs via Stitch, translating brand preferences into deployment-ready HTML. It handles design decisions across color palette, typography, and layout while capturing user feedback to refine the output through multiple variants.

This plugin automates C4 architecture documentation by analyzing code from the bottom up to identify components, map containers, and generate context diagrams. It orchestrates multiple agents to synthesize architectural insights and produce comprehensive architecture diagrams and documentation.

This plugin provides cloud architecture design and infrastructure management across AWS, Azure, GCP, and OCI, with specialized support for Kubernetes configuration and Terraform infrastructure-as-code. It includes multi-cloud cost optimization and hybrid cloud networking capabilities through 7 agents and 8 skills.

This plugin provides frontend UI development and mobile application implementation capabilities across platforms through 2 agents and 4 reusable skills. It supports cross-platform mobile development workflows without requiring external tools or API keys.

This plugin provides security best practices for frontend and mobile development, covering XSS prevention, CSRF protection, content security policies, and secure storage patterns. It includes one command and three agents to help developers implement these security measures in their applications.

A Claude Code plugin that enables JavaScript and TypeScript development with ES6+, Node.js, React, and modern web frameworks through 1 command, 2 agents, and 4 skills. It provides built-in support for contemporary JavaScript tooling without requiring external API keys or services.

This plugin orchestrates AI image generation workflows with parallel multi-direction output, prompt engineering, and access to a 1,300+ curated inspiration library through the MeiGen MCP server. It supports multiple providers (MeiGen Cloud, local ComfyUI, and OpenAI-compatible APIs) with free features including gallery search and prompt enhancement available immediately.

This Claude Code plugin coordinates cross-platform application development across web, iOS, Android, and desktop using 1 command and 6 specialized agents. It provides guidance and orchestration for building consistent implementations across multiple platforms without requiring external dependencies or API keys.

This plugin creates editable, production-ready PowerPoint decks from a specification and source materials using a coordinate-explicit workflow with quality gates. It provides native shape, text, table, and image support while performing read-only analysis of reference decks and OOXML integrity validation.

A comprehensive UI/UX design plugin providing guidance on mobile and web application design, including design systems, accessibility compliance (WCAG 2.2), and modern interaction patterns across iOS, Android, React Native, and web frameworks. It offers design reviews, component creation, accessibility audits, and design system setup through multiple agents and skills.

This plugin enables Claude to generate production-grade frontend interfaces with distinctive aesthetics, bold typography, custom color palettes, and high-impact animations instead of generic AI-generated designs. Claude automatically applies this skill when working on UI/UX tasks, choosing a clear aesthetic direction and implementing meticulous production code.

Playground plugin creates self-contained interactive HTML files with visual controls, live preview, and copy-able prompt output for topics with large or complex input spaces. It includes templates for design decisions, data exploration, concept mapping, and document review workflows.

A curated library of 500+ reverse-engineered prompts and 20+ industrial templates for GPT-Image 2 image generation, organized by use case and style with a searchable web gallery. The plugin includes two agents that help users explore, refine, and apply these prompts to create images using the GPT-Image 2.5 Sunburst and Flare models.

This plugin guides developers through Apple's Human Interface Guidelines with specialized knowledge of 2026 Liquid Glass aesthetics, offering design validation and auditing for iOS, macOS, and visionOS applications. It includes a hig_checker Python tool that validates tap targets, contrast ratios, and accessibility compliance across Apple platforms.

This Claude Code plugin generates premium single-file HTML landing pages with GSAP 3D animations, scroll-triggered reveals, and mouse-parallax effects, using a structured intake flow to lock down product positioning, audience, branding, and tone before output. It outputs a fully self-contained .html file with inline CSS/JS and only CDN externals (Google Fonts and GSAP), distinct from the conversion-optimized Next.js landing-page-generator.

Converts long markdown files into single-file, self-contained interactive HTML with five specialized converters: long-form documents with sticky TOC and search, code reviews with 2-column diffs and annotations, and slide decks with presenter mode and keyboard navigation. A one-time design-system onboarding captures your brand palette and typography, ensuring consistent rendering across all conversions with WCAG-AA contrast enforcement.

This plugin bundles 13 production-ready product skills—including RICE prioritization, OKR cascading, persona generation, competitive teardown, landing page scaffolding, and SaaS boilerplate—each implemented as Python automation tools with zero dependencies. It equips product managers, strategists, UX researchers, and team leads with deterministic workflows orchestrated across four specialized agents and accessible via slash commands.

This agent skill converts complex terminal output like system architectures, diffs, and comparisons into styled, interactive HTML pages with dark/light themes and Mermaid diagrams instead of ASCII art. It provides commands for generating visual explanations, plans, and slides that open directly in your browser without requiring any build dependencies.

An agent skill that generates immersive scroll-scrubbed "fly through the world" landing pages with AI-rendered isometric scenes and seamless camera flights. The skill interviews the user for content and branding, generates cohesive scene stills and continuous camera clips via GPT Image 2 and Seedance, then wires a portable vanilla-JS scrub engine that works with any web framework.

A collection of 11 agent skills that help build great product interfaces by addressing typography, colors, layout, accessibility, UI polish, and product writing. Skills include reviews of existing interfaces, component variant generation, UI stress testing, and targeted improvements across design and accessibility domains.

AI media generation skill for QuickDesign CLI that generates images (Nano Banana, GPT Image) and videos (Sora 2, Kling, Seedance 2.0 R2V) with multi-segment voice continuity and reference composition support. Includes Smart Ad Creator for parallel concept generation, Spy Brands competitor library queries, and Brand DNA extraction from websites.

designlang extracts complete design systems from live websites—DTCG tokens, Tailwind/shadcn configs, Figma variables, motion tokens, and layout patterns—then grades consistency, generates brand-guidelines books, and measures visual fidelity against clones. Fourteen slash commands enable whole-site analysis, design-space positioning, head-to-head battles, theme recoloring, and shareable graded report cards with pixel-perfect diff scoring.

A Claude Code plugin that runs a full browser directly in the terminal using the kitty graphics protocol, allowing agents to preview websites and control HTML document viewing. It works with terminals like Ghostty and Kitty that support kitty unicode placeholders and the graphics protocol.

Anima-pack is a Claude Code plugin with 18 skills for automated design-to-code workflows, converting Figma designs and websites into React or HTML output using the Anima SDK 0.27.0. It includes standard workflows for generation and testing, plus pro skills for CI/CD integration, deployment, webhooks, and performance tuning with built-in security and review gates.

Axiom is a collection of 13 production-ready TDD-tested Claude Code skills for iOS and Apple platform development, covering SwiftUI performance, debugging, UI testing, Liquid Glass design, and advanced topics like concurrency and data persistence. Skills are automatically suggested in Claude Code or can be invoked directly to assist with modern iOS 26+ development workflows.

The B12 Website Generator plugin automatically creates a professional website by collecting a business name and description from the user, then generating a pre-populated B12 signup link that drafts a production-ready site. Claude handles the entire process without requiring external API keys or tools.

CLI UX Tester provides expert UX evaluation for command-line interfaces and developer APIs using an 11-criteria scoring framework and parallel evaluation agents. It executes real commands, captures output, generates comprehensive reports with remediation plans, and tracks patterns across projects using persistent memory.

Generates production-grade engineering design diagrams as self-contained dark-themed HTML with inline SVG, grounded in real repository topology by reading package manifests, docker-compose, Kubernetes, Terraform, and import graphs. Supports four modes: generate diagrams from live repos, diff structural changes in PRs, convert stack traces to sequence diagrams, and detect architecture drift against stored fingerprints.

A 30-skill Claude Code plugin pack that provides production-grade wrappers around the Figma REST and Plugin APIs, enabling design-to-code pipelines, design token extraction, asset export, webhooks, and enterprise features. Skills range from authentication setup and core workflows to advanced patterns like multi-environment configuration, observability, load testing, and architectural decision guidance.

framecraft generates polished 1920x1080 demo videos from a text prompt by orchestrating Playwright for browser automation, FFmpeg for video compositing, and Edge TTS for neural voice synthesis. The skill auto-activates when users request demo videos, product walkthroughs, or feature showcases, handling voiceovers, transitions, and CSS animations end-to-end.

Claude Code skill pack providing 18 integrated skills for Framer Plugin SDK, Server API, Code Components, and Code Overrides development. Covers setup, local development, core workflows, debugging, production deployment, and CI/CD integration with real framer-plugin and framer-api code examples.

This skill generates ADHD-friendly visual organizational tools using Mermaid diagrams, automatically detecting whether to use neurodivergent or neurotypical cognitive modes based on user language patterns. It includes accessibility modes for colorblind and monochrome viewing, with templates for task breakdown, decision trees, project planning, and energy management.

The anti-ui-slop Skill helps AI coding agents build product-specific UI by reading design systems, user context, and required states before making changes, then validating the rendered result. Optional full UIZZE adds live search across 800,000+ real web and iOS screens for visual reference and implementation validation.

designer-toolkit provides 7 skills and 4 commands to help designers document and communicate their work through case studies, presentations, design rationale, and adoption strategies. It includes utilities for UX writing, design negotiation, token audits, and design system enablement—all without requiring external API keys or tools.

This design operations plugin provides frameworks and workflows for design teams, including critique sessions, handoff specifications, sprint planning, review processes, and team collaboration rituals. It offers nine skills and three commands to streamline design workflows from specification through implementation review.

This plugin provides 14 user research skills for designers, including personas, empathy maps, journey maps, interview scripts, usability testing, and card sorting analysis. It bundles research synthesis tools into 4 commands that help designers conduct full research cycles from discovery through analysis.

This plugin provides 11 skills and 3 commands to help build, document, and maintain scalable design systems across tokens, components, accessibility, and theming. It requires no external APIs or tools and works standalone to establish design governance, define tokens and naming conventions, and audit existing systems for consistency.

This plugin provides 22 interaction design skills covering animation principles, state machines, gesture patterns, error handling, and feedback mechanisms to craft meaningful user experiences. It includes 5 commands for designing forms, interactions, onboarding flows, error recovery, and component state models.

This plugin guides designers through design validation by providing skills and commands for prototyping strategies, usability testing, heuristic evaluation, and A/B experiments. It covers the full range of testing approaches from parallel concept exploration and click tests to accessibility testing and quantitative A/B experiments.

The ui-design plugin provides 19 design skills and 5 commands for crafting polished interfaces, including layout grids, color systems, typography scales, responsive patterns, and visual hierarchy informed by design psychology principles. It covers end-to-end design workflows from color palette generation to platform-specific audits, with no external dependencies or paid services required.

ux-strategy provides 12 skills and 3 commands for shaping product direction through competitive analysis, design principles, experience mapping, and strategic alignment. It helps teams define vision, resolve design trade-offs, prioritize opportunities, and build stakeholder alignment without requiring external API keys or services.

Visual critique skills for designers that analyse screens across seven dimensions — hierarchy, brand consistency, composition, typography, colour, affordance, and information density — then compile a prioritised fix list. Includes two commands for running full critiques or focused UX-only reviews, plus individual skills for targeted feedback on specific design dimensions.

This plugin provides a single design skill for building scroll-driven interactive landing pages with a comprehensive design system covering typography, spacing, colour, depth, motion, and accessibility. It focuses on foundational design principles rather than relying on animation libraries.

This plugin provides a comprehensive skill for building complex HTML artifacts with React, Tailwind CSS, and shadcn/ui components, supporting state management and routing. It enables developers to create elaborate multi-component interactive interfaces directly within Claude.

This plugin creates museum-quality visual art directly in PNG and PDF documents by applying design philosophy principles. Use it to generate posters, art pieces, and static visual works without requiring external tools or API keys.

This plugin provides a single skill for generating distinctive, production-grade frontend interfaces with high design quality and polished code. It helps avoid generic AI aesthetics by focusing on creative design patterns and best practices.

This agent specializes in building and optimizing user interfaces using React, Vue, and Angular, handling tasks like component implementation, state management, and responsive design. It excels at creating performant, accessible web applications and fixing UI/UX issues across all device sizes.

This plugin provides a frontend development skill for React, Next.js, TypeScript, and Tailwind CSS projects, offering component scaffolding, bundle analysis, and performance optimization tools. It includes accessibility best practices guidance to help developers build production-ready, performant web applications.

Theme Factory provides a single skill that applies professional, pre-configured styling to artifacts like slides, documents, reports, and HTML landing pages. It includes 10 preset themes with coordinated colors and fonts, eliminating the need for manual design work.

This Claude Code plugin generates or edits images by delegating to the Google Gemini API through the nanobanana service. It integrates Gemini's image capabilities directly into Claude's workflow.

This plugin provides 11 integrated skills for product strategy, UX audits, design systems, and visual direction work. It guides users through interface design decisions, brand expression, and usability improvements without requiring external tools or APIs.

This plugin bundles three skills for creating distinctive user interface designs and writing effective interface copy. It helps developers craft cohesive, user-friendly frontends with clear communication and visual design.

A collection of 5 skills providing React, Next.js, and React Native best practices guidance plus web design guidelines for developers. No external dependencies or API keys required.

Ultralytics brand guidelines plugin provides a skill that enforces brand consistency across presentations, documents, marketing emails, social posts, and web designs. It includes colors, the Archivo font, naming conventions, and tone standards for maintaining a cohesive brand identity.

This Claude Code plugin integrates the Salesforce Open Code storefront library into B2B Commerce sites, enabling developers to map and replace out-of-the-box commerce definitions within Experience Builder metadata. It provides skills for library integration, definition mapping lookups, and swapping storefront components in site configurations.

The experience-cms plugin provides 5 skills to author and manage Salesforce Experience Cloud content, including CMS branding, content generation, and media search across Salesforce CMS and Data 360. It enables developers to render accessible CMS-managed media assets (images, video, audio, documents) in React experiences and source ethically licensed stock imagery through Salesforce media-management tooling.

This plugin scaffolds, generates, and deploys React (and Angular) UI Bundle applications for Salesforce Digital Experience Sites, with built-in support for component creation, styling via shadcn/ui and Tailwind CSS, and metadata configuration. Use it to create new React UI bundle starter projects, edit pages and components, manage layouts and branding, and deploy to Salesforce orgs.

This plugin generates custom Lightning Types and widget components for Salesforce Lightning UI, including Apex-backed widget coordination and rich display widgets for Agentforce/MCP agent actions. It provides 4 skills to build and configure Lightning Type definitions and their associated UI components.

This plugin provides comprehensive animation and component libraries including React Spring, Magic UI, React Bits, AOS, Anime.js, and Lottie, offering developers 10 commands and 6 agents for implementing animations and interactive components in React applications.

This plugin provides a professional 3D authoring and motion graphics pipeline integrating Blender, Spline, Rive, and Substance 3D through 10 commands and 5 agents. It enables streamlined workflows for 3D modeling, animation, interactive design, and material creation without requiring external API keys or services.

This plugin integrates a complete 3D and animation stack combining Three.js, GSAP, React Three Fiber, Framer Motion, and Babylon.js through 9 commands and 6 specialized agents. It provides tools for building complex 3D visualizations, animations, and interactive web experiences without requiring external API keys or services.

This plugin provides extended 3D graphics and smooth scrolling effects using A-Frame, PlayCanvas, PixiJS, Locomotive Scroll, and Barba.js, integrating lightweight animation libraries for interactive web experiences. It includes 12 commands, 7 agents, and 6 skills to help developers implement 3D scenes, scroll-triggered animations, and page transitions.

This plugin provides integration patterns and modern web design guidelines for developers building cohesive 3D and animation experiences. It includes 4 commands, 3 agents, and 2 skills to support frontend design workflows without external dependencies.

claude-persona enables building AI-powered persona panels to simulate and pressure-test product concepts through agent-separated simulation with theme synthesis and cross-tabs analysis. It generates verbatim research insights inspired by TinyTroupe, helping teams validate concepts before conducting field research.

This plugin generates accurate UI designs directly from live source code and data models, reading actual JSX and queries to create faithful HTML mockups rather than guessing at component structure. Once verified, it produces a locked design document ready for implementation handoff.

This agent helps developers build native iOS and Android applications, implement React Native features, and optimize mobile performance for smooth, native-feeling user experiences. It provides guidance on platform-specific integration including push notifications, biometric authentication, and cross-platform code reuse patterns.

This Claude Code plugin provides mobile-first UX optimization for UI components and interfaces, helping developers adapt desktop designs for mobile usability and analyze existing design themes. It enables teams to ensure their components follow mobile-first principles and maintain consistency with established design systems.

This Claude Code plugin generates creative non-Olympian Greek god names with rich backstories and mythological authenticity for storytelling projects. It uses an agent to provide modern accessibility and lore-building support for narrative development.

This Claude Code plugin provides expert assistance for React Native development, including code analysis, component creation, debugging, performance optimization, and architectural decisions. It uses an AI agent to guide developers through navigation setup, component design, and codebase-specific patterns.

This Claude Code plugin provides a dedicated agent for creating user interfaces, designing components, and building design systems with a focus on beautiful, functional aesthetics. The agent is optimized for rapid implementation within 6-day sprints.

The ux-researcher agent helps conduct user research, analyze user behavior, and create journey maps to understand user needs, pain points, and design decisions. It specializes in validating design choices through testing within rapid development cycles to inform product decisions.

A Claude Code agent that provides expert guidance on vision models, OCR systems, barcode detection, and visual AI tasks using the latest models and techniques. It proactively assists with image processing, document analysis, and visual AI workflows without requiring external API keys or tools.

The visual-storyteller agent transforms data and concepts into compelling visual narratives for presentations, infographics, and complex idea communication. It specializes in creating engaging visual stories that help users and stakeholders understand information through imagery.

This Claude Code plugin provides expert assistance for web development tasks including React and Next.js component creation, code analysis, debugging, and performance optimization using TypeScript and Tailwind CSS. It helps developers with routing issues, component design, architectural decisions, and other modern web framework challenges.

The whimsy-injector agent proactively enhances UI/UX implementations by adding playful, delightful elements to user experiences, including animations, microinteractions, and personality to error states, loading screens, and new features. It is designed to be triggered automatically after design updates or feature implementations to inject joy, surprise, and memorable moments that improve user satisfaction.

Brand Guardian is an agent that helps establish brand guidelines, maintain visual consistency across touchpoints, and evolve brand identity. It enables rapid development of cohesive brand experiences by managing brand assets and ensuring design uniformity.

The code-architect agent helps design scalable architecture and folder structures for new features or projects, including microservice boundaries and component hierarchies. It assists with initial planning of authentication systems, feature organization, project structure conventions, and code refactoring.

This plugin provides an expert Flutter development agent for analyzing code, creating widgets, debugging issues, and optimizing mobile app architecture. It handles navigation problems, widget design, performance tuning, and other Flutter-specific development challenges.

This agent specializes in building user interfaces and implementing React/Vue/Angular components with expertise in state management and responsive design. It handles frontend development tasks from UI component creation to performance optimization and accessibility improvements.

lemo-opuscar is a Claude Code plugin that enables your agent to create films using code-rendered visual styles from an integrated library, handling directing, animation, scoring, and audio mixing autonomously. The plugin provides a single skill that orchestrates the entire filmmaking workflow through procedurally generated visuals and sound.

This Claude Code plugin provides four markdown-to-HTML publishing skills for converting and managing markdown documents: document rendering, slide deck generation, pre-publication review validation, and a shared design-token system for consistent styling. All functionality operates locally without external dependencies or API keys.

This plugin provides 5 expert-level product skills covering product management, agile delivery, strategy, UX research, and UI design systems. It includes 15+ Python automation tools and ready-to-use templates for PRDs, user stories, OKRs, personas, and design tokens.

McKinsey-style PPTX generator that automatically creates production-ready presentation decks from natural language requests, selecting from 40 professional templates and building real .pptx files with a built-in subagent that explains template choices. Accepts data from Excel, Word, PDF, and other sources in the working directory, generating charts, matrices, roadmaps, and multi-slide decks in Korean or English within seconds.

Superdesign is an AI product design agent skill that gives coding agents design judgment to create high-quality UI, presentations, and graphics on an infinite canvas without leaving the terminal. It reads project context, gathers style references, and produces branchable design drafts that you can refine across sessions.

This Claude Code plugin provides two skills for analyzing and designing modular software architectures using the Balanced Coupling model: `/modularity:review` analyzes existing codebases for coupling imbalances and recommends improvements, while `/modularity:design` creates modular architectures from functional requirements with integration contracts and test specifications. Both skills ground recommendations in concrete coupling dimensions (integration strength, distance, volatility) rather than heuristics.

Six skills orchestrate Chinese-language video recaps by extracting visual content via Xiaomi MiMo's ASR and VLM, composing narrative with story plans and shot-level sound assignments, then rendering final video with narration, subtitles, and mixing—all with local ffmpeg and optional Fish Audio TTS. The plugin outputs editable timelines, QC reports, and CapCut-compatible drafts while requiring only a MiMo API key and ffmpeg installation.

This plugin provides a collaborative design dialogue skill that guides users through structured brainstorming from initial ideas to design approaches and planning. It leverages a single skill to facilitate ideation and design thinking workflows.

The xilinx-suite plugin provides comprehensive assistance for Xilinx's full embedded design toolchain, including Vivado, Vitis HLS, Vitis Unified IDE, and PetaLinux workflows from high-level synthesis through boot image generation. It functions as a single integrated skill to guide users through FPGA and embedded system development pipelines.

This Claude Code plugin scaffolds and deploys a professional portfolio website tailored for GRC engineers, capturing certifications, compliance frameworks, audit experience, and projects through an interactive questionnaire. It handles the complete deployment pipeline to AWS—including S3 static hosting, CloudFront CDN, Route 53 DNS, Lambda contact forms, and GitHub Actions CI/CD integration.

Tastemaker equips AI coding agents with a real design system, generating on-brand palettes with verified contrast compliance, sourced assets, and structural variety to avoid generic AI-generated UI. All design memory persists locally in your project and personal profile files, with no external APIs or hosted backend required.

tldiagram is a software architecture diagramming tool with a standalone binary, web UI, and agent skill for automatically analyzing and visualizing codebases. It supports C4 model-inspired diagrams, markdown integration, codebase analysis via tree-sitter, and features like git diff visualization and bi-directional sync with YAML files.

BrandDocs is an agent-skill bundle that extracts a company's existing Word, PowerPoint, or Excel templates into a reusable Brand Profile, then generates unlimited on-brand DOCX, PPTX, and XLSX documents while preserving brand, structure, styles, and formulas by construction. It works offline, supports multi-template blending, and includes deterministic verification to ensure off-brand output is impossible.

A Claude Code plugin that organizes design thinking by syncing three markdown layers (sources, ideas, and output) on a visual canvas where the human makes decisions and Claude handles execution tasks. It enables designers to transform scattered research and preliminary concepts into a defensible design document through collaborative human-agent iteration.

Aceternity UI is a skill that provides 100+ production-ready animated React components for Next.js applications, installed via shadcn CLI with full Tailwind CSS and Framer Motion support. It helps developers quickly build modern landing pages, portfolios, and SaaS interfaces with features like animated backgrounds, 3D cards, parallax scrolling, text effects, and interactive UI elements.

AutoAnimate (@formkit/auto-animate) is a zero-config, 3.28 KB animation library that automatically smooths DOM transitions for added, removed, or reordered elements in React components. The skill provides 7 production templates, SSR-safe patterns, and solutions for 10+ common issues like Next.js import errors and flexbox conflicts.

Base UI React provides 27+ unstyled, accessible React components with a render props API and Floating UI integration for smart positioning. It's designed for full styling control, Radix UI migration, and edge-ready deployments with 10+ documented beta workarounds.

Conducts systematic 7-phase frontend design reviews covering interaction flows, responsiveness, visual polish, accessibility (WCAG 2.1 AA), robustness, code health, and console errors using browser automation. Automatically triggers on PR design checks, UI audits, accessibility concerns, responsive issues, and contrast problems to provide evidence-based feedback prioritized by impact.

This Claude Code skill helps establish and document comprehensive design systems with typography, colors, and component libraries for consistent UI development across teams. It provides structured standards and templates to ensure design consistency without requiring external integrations.

This skill guides the creation of distinctive, production-grade frontend interfaces that avoid generic AI aesthetics by providing frameworks for bold design decisions, typography, color strategy, motion, and spatial composition. It works with any frontend framework to produce polished, intentional web components, pages, and applications with high visual impact.

This plugin optimizes images for web performance by applying modern formats, responsive techniques, and lazy loading strategies. It helps improve page load times and prepare optimized assets for production deployment.

This skill enables Claude Code to implement Inspira UI's 120+ animated Vue/Nuxt components powered by TailwindCSS v4, motion-v, GSAP, and Three.js through a copy-paste model with built-in setup, troubleshooting, and pattern guidance. It prevents 13+ common mistakes like CSS variable misconfigurations, missing motion-v setup, and WebGL resource leaks.

The interaction-design plugin provides design guidance for creating intuitive user experiences through feedback patterns, microinteractions, and accessible interaction design principles. It helps developers implement loading states, error handling UX, animation guidelines, and touch interactions through a single integrated skill.

This plugin assists in designing effective KPI dashboards by providing guidance on metric selection, visual hierarchy, and data visualization best practices. It helps teams build executive dashboards and analytics views that clearly present business metrics.

Maz-UI is a production-ready Vue 3 and Nuxt 3 component library providing 50+ standalone components, 14+ composables, directives, theming, i18n support, and an 840+ icon library—all with TypeScript-first design and SSR capability. The Claude Code plugin includes autonomous agents for component scaffolding, form generation, and theme customization, plus code snippets and production-ready templates for both Vue and Nuxt frameworks.

This skill provides comprehensive guidance on designing microservices architectures, including service decomposition, inter-service communication patterns, data management strategies, and resilience techniques for distributed systems. It covers synchronous communication (REST, gRPC, GraphQL), asynchronous messaging (Kafka, RabbitMQ, SQS), saga patterns for transactions, and patterns like Circuit Breaker, bulkhead isolation, and service discovery.

This plugin provides design guidance for building responsive interfaces using mobile-first principles, with progressive enhancement strategies for larger screens. It helps developers create adaptive layouts that prioritize mobile user experience while maintaining functionality across all device sizes.

Motion (Framer Motion) is a production-ready React animation library providing declarative animations, gesture controls, scroll effects, spring physics, layout animations, and SVG manipulation for complex interactive experiences. This skill prevents 29+ common issues including AnimatePresence failures, performance problems, and framework compatibility errors across React, Next.js, and Vite.

This Claude Code plugin builds Progressive Web Apps with service workers, web manifests, offline support, and installation prompts. It enables developers to create installable web experiences, implement offline functionality, and add push notifications to web applications.

This skill provides 7 production-tested React composition patterns from Vercel Engineering covering component architecture, state management, and implementation strategies. It guides developers on building scalable components through composition, avoiding boolean prop proliferation, and implementing compound components with context patterns.

This Claude Code plugin provides a skill for building responsive web interfaces using Flexbox, CSS Grid, and media queries with a mobile-first approach. Use it to create multi-device layouts, implement flexible UI systems, or ensure cross-browser compatibility without external dependencies.

This skill guides developers through RESTful API design by enforcing proper resource naming conventions, HTTP method semantics, status code usage, and response formatting standards. It helps establish consistent API conventions for building scalable, developer-friendly interfaces.

shadcn-vue provides a Vue/Nuxt adapter for shadcn-ui with Reka UI components, Tailwind CSS styling, and 50+ accessible, customizable UI elements including Auto Form (Zod schemas), Data Tables (TanStack), Charts (Unovis), and dark mode support. This skill guides setup, configuration, component usage, TypeScript path aliases, accessibility features, and troubleshoots common issues like missing imports, styling problems, and CSS variable errors.

This skill automates setup of production-ready Vite + React projects with Tailwind CSS v4 and shadcn/ui, including dark mode with ThemeProvider and CSS variable architecture. It prevents common v4 migration pitfalls like tw-animate-css errors, duplicate @layer blocks, and color theme failures through tested templates and step-by-step guidance.

This TanStack Router skill provides type-safe, file-based routing for React applications with compile-time route validation and built-in route loader support for data fetching. It includes templates, setup guides, and troubleshooting for common devtools, Vite bundling, and Cloudflare Workers deployment scenarios.

This plugin generates comprehensive technical specifications for software projects, including requirements analysis, system architecture, API design, and testing strategies. It helps teams document system designs and create architecture decision records during the planning phase.

This skill integrates TheSys C1 Generative UI API to convert LLM responses into streaming, interactive React components like forms, charts, and tables instead of plain text. It provides pre-built components, tool calling support, and production-ready templates for Vite+React, Next.js, and Cloudflare Workers.

This Claude Code plugin provides comprehensive Three.js knowledge base with 10 detailed topic references, API signatures for Three.js r160+, and working code examples for building 3D web experiences. It covers fundamentals, geometry, materials, lighting, textures, animation, loaders, shaders, postprocessing, and interaction patterns.

This skill provides standardized UI text and copy guidelines for WooCommerce projects, covering capitalization rules, element-specific examples, and exception handling for proper nouns and acronyms. It helps developers write consistent, production-ready user-facing text across buttons, labels, messages, and documentation.

Excalidraw Toolkit is an AI-powered diagramming plugin for Claude Code that automatically visualizes codebases as architecture diagrams by analyzing project structure and mapping components and connections. It supports user-described diagrams with agentic self-critique for layout validation, geometric correction, and exports to PNG, SVG, and shareable Excalidraw URLs.

Claude Code plugin that enforces Design System compliance in Figma by ensuring AI-generated designs use library components, token bindings, and automated QA verification instead of hardcoded values. It provides 4 skills covering preflight checks, component lookup, style binding, and reference interpretation to keep generated designs on-spec.

reimagine-it redesigns existing HTML pages by extracting and analyzing their content, then applies one of 17 visual design directions to create a beautiful, usable standalone HTML file without CDN dependencies. The plugin runs as a CLI tool with four commands (generate/auto, variations, lock, audit) and includes seven agent skills, all working entirely offline.

A skill pack of 40 specialized tools for Claude Code that automates staff-level design system work including auditing, governance, documentation, validation, and stakeholder communication. It provides structured processes and prioritized findings for token health, component specs, deprecation planning, and migration, rather than generic AI advice.

This plugin designs conversation patterns, turn-taking mechanics, and mixed-initiative flows between humans and AI models, including generative UI, multimodal orchestration, and frustration detection from text signals. It provides skills for context-window design, progressive disclosure, and user feedback loops alongside commands to design, audit, and map AI interactions.

A Claude Code plugin that teaches deterministic, hash-seeded generative art rendering for onchain platforms like Art Blocks, 256ART, Verse, and others, with built-in verification scripts and reference guides for traits, rarity design, and multi-resolution output. It includes runnable Node.js tools to check determinism, render individual seeds or contact sheets, and measure rarity before minting.

This plugin enables Python scripting and AI-powered image generation within Claude using Google's Gemini models, with inline script dependencies managed through uv. It supports image generation, editing, and arbitrary Python script execution through heredoc-based workflows.

This plugin generates beautiful, self-contained HTML pages with no build step or external dependencies to visually explain systems, code changes, plans, and data through diagrams, tables, and slide decks. It includes seven commands for creating diff reviews, plan reviews, architecture overviews, and implementation plans with customizable themes and Mermaid diagram support.

Perception-First Design is a psychology-backed diagnostic framework that analyzes designs through five cognitive layers—working memory, first impression, processing fluency, perception bias, and decision architecture—to identify perceptual failures before implementation. The plugin auto-activates on design, marketing, copywriting, and communication tasks, using iterative passes to apply cognitive science principles grounded in peer-reviewed research.

This Claude Code plugin provides a single skill that generates paste-ready Power Apps Canvas App YAML from screenshots, mockups, or text descriptions, enforcing Power Apps YAML standards automatically. The skill includes a multi-agent pipeline for layout, controls, and styling, and saves output directly to a local directory for pasting into Power Apps Studio.

FlowForge is a Claude Code skill that generates professional draw.io diagrams from natural language descriptions, supporting 12 layout types (flowchart, architecture, comparison, timeline, etc.) and 5 color themes. It produces editable XML files that can be refined in draw.io editor with no external API dependencies.

Claude Image View is a Claude Code mod that displays thumbnails of pasted images above the prompt instead of bare [Image #n] tags, preserving their aspect ratios and automatically scaling to fit. It works by reading the prompt for image tags, locating cached PNG files, and rendering previews using the kitty graphics protocol in compatible terminals.

Archetypal Alchemy generates UI components and Tailwind color palettes by combining Jungian archetypes with Major Arcana tarot symbolism to create psychologically coherent design systems. The plugin provides slash commands for component generation and palette extraction, plus an agent for design analysis and archetype recommendations.

Design Mastery provides timeless design principles from legendary designers and historic movements—including visual hierarchy, typography, color theory, and Gestalt principles—integrated into agents and commands for brand identity development, design audits, and style guide generation. The plugin grounds UI/UX work in centuries of design excellence through practical toolkits on hierarchy, typography, color, composition, and perceptual psychology.

This plugin provides two specialized agents (frontend-developer and mobile-developer) and a component-scaffold command for building modern React, Next.js, React Native, Flutter, and native iOS/Android applications with full scaffolding support. It covers frontend architecture, state management, accessibility, mobile development patterns, offline sync, biometric auth, and CI/CD tooling across platforms.

This plugin extends Claude Code with browser DevTools capabilities via MCP for live UI inspection, screenshot-to-code conversion, design token extraction, and visual debugging of running web interfaces. It provides DOM inspection, CSS analysis, accessibility auditing, performance measurement, and network monitoring through natural language commands.

This plugin provides six specialized agents that coordinate cross-platform application development across backend (APIs, microservices), frontend (React 19, Next.js 15), mobile (Flutter, SwiftUI, React Native, Kotlin Compose), and UI/UX design. The multi-platform command orchestrates parallel implementation from a shared API-first architecture across all target platforms.

This plugin provides a skill for rapid, disposable UI prototyping using the "vibe coding" philosophy, covering fast iteration loops, variant exploration patterns, and clear decision criteria for when to switch from prototype mode to production-ready code. It includes concrete protocols like the 10-Minute Prototype, Storyboard Prototypes, Variant Explosion, and AI-assisted prompt patterns, along with guidance on avoiding anti-patterns and transitioning validated prototypes toward craft mode.

This plugin provides 10 skills to structure content that works effectively for screen readers, cognitive differences, and diverse literacy levels. It helps create accessible markup and formatting standards without requiring external APIs or tools.

This Claude Code plugin provides 9 skills for building design systems that adapt to individual user preferences and accessibility needs. It enables developers to create responsive interfaces that automatically adjust layout, typography, contrast, and interactions based on user profiles and environment.

This plugin provides 11 skills focused on cognitive accessibility principles including cognitive load reduction, plain language, wayfinding, focus management, memory support, and error recovery. It integrates design guidance directly into Claude Code workflows without requiring external dependencies or API keys.

The inclusive-interaction plugin provides 10 skills for designing multi-modal interactions that adapt to how people move, perceive, and communicate. It requires no external APIs or services, making it a self-contained toolkit for building accessible user experiences.

The inclusive-personas plugin helps teams build user stories, personas, and scenarios that center disability accessibility from the start of product design. It provides nine skills to guide inclusive design thinking throughout the user research and documentation process.

Pix converts Figma designs to frontend code with autonomous pixel-perfect refinement, automatically detecting your tech stack and design system while syncing design tokens and reusing existing components. It integrates Claude Code with Chrome, Figma MCP, and continuous screenshot comparison to iteratively fix UI discrepancies until production-ready.

Mindful Claude displays guided breathing animations (coherent, box, 4-7-8, and physiological sigh patterns) above the prompt while Claude processes, with configurable styles and spinner integration that automatically appears when work starts and disappears when results arrive. The plugin runs entirely client-side using function hooks with zero token cost and includes a /breathe command for adjusting exercise type, animation style, and display settings.

This Claude Code plugin integrates MagicPath UI component design tools, allowing users to search, preview, install, and author MagicPath components directly from the editor via the magicpath-ai CLI. It supports creating new projects, editing canvas components from local code, applying design-system themes, and managing personal and team workspaces.

A Claude Code plugin that audits front-end interfaces against 15 established UX design principles, producing severity-rated findings with concrete code fixes for accessibility, visual hierarchy, consistency, and interaction patterns. It evaluates HTML, CSS, JavaScript, React, Vue, and Svelte code, then optionally implements improvements across affordances, error recovery, and design system standardization.

This plugin generates short procedural animations in multiple built-in styles (explainers, histories, product reels, stories) as single-file canvas MP4 videos, with support for custom styles, beat-mapped music, product screenshots, and multiple output formats. The workflow includes intake, story/look/storyboard check-ins, and a measured build to final MP4.

Comprehensive code review plugin for iOS development covering Swift, SwiftUI, SwiftData, animations, and Apple frameworks like HealthKit, CloudKit, WidgetKit, and watchOS. Provides 16 specialized skills for code review, animation design/implementation, and framework-specific analysis, designed to pair with beagle-core for complete workflows.

The LittleJS plugin scaffolds complete, playable HTML5 games in Claude Code by describing a game concept and generating a project with the LittleJS engine (WebGL rendering, physics, particles, audio) pre-bundled. Four built-in skills handle game scaffolding, API lookup, code conventions, and sprite generation—everything runs from file:// with no server or npm install.

Axe provides automated accessibility auditing and testing for WCAG compliance, including keyboard navigation validation, screen reader compatibility checks, and ARIA attribute verification. The plugin includes one agent and three specialized skills to support comprehensive accessibility engineering workflows.

This Claude Code plugin helps design teams refine UX writing and content strategy across microcopy, error messages, onboarding flows, and UI content. It includes one agent and three supporting skills to guide consistent, user-friendly messaging throughout your product.

Cut is an illustration and icon design system that helps teams create custom assets, manage icon systems, and optimize SVG files. It operates as an agent with three supporting skills for comprehensive design automation and asset management.

Design Team provides 10 specialized agents—Hue, Grid, Glyph, Move, Wire, Mark, Cut, Axe, Tone, and Copy—that handle distinct frontend design and layout tasks. The plugin integrates with Claude Code to offer automated support for color theory, responsive grids, typography, positioning, wireframing, markup, image optimization, optimization techniques, tone/style, and copy writing.

This plugin provides UX design capabilities including user flows, information architecture, wireframes, and interaction design through a single agent and eight specialized skills. It requires no external API keys or third-party services, making it fully self-contained for design work.

This Claude Code plugin provides a visual designer agent with 17 skills for creating brand identity, color systems, typography, UI design, and design systems. It operates without external API dependencies or third-party service integrations.

Glyph is a typography system design agent that helps design teams establish font pairings, type scales, hierarchy systems, and readability tokens for consistent design implementation. It provides foundational typographic guidance without requiring external APIs or third-party services.

A Claude Code plugin that provides design system utilities for layout and spacing, including responsive grids, breakpoints, and layout primitives. The plugin contains an agent and three skills for designing consistent spatial systems and grid-based layouts.

Hue is a color palette design tool for design teams that generates semantic tokens and supports dark/light mode variants with automatic WCAG contrast compliance checking. It includes one agent and three supporting skills to manage color systems and accessibility standards.

Mark is a design team agent that provides guidance on brand identity, logo usage rules, brand guidelines, and visual identity systems for consistent design across projects. It leverages Claude's design expertise through skills to help teams maintain and apply brand standards.

Move is a design plugin that provides motion design guidance covering animation principles, transition systems, and micro-interaction specifications for design teams. It includes an AI agent and three skills to help designers implement smooth, purposeful interactions.

This Claude Code plugin provides an agent and three skills for data visualization tasks including chart design, exploratory analysis, and dashboard specification. It requires no external APIs or paid services.

Prism is a Claude Code plugin that acts as a frontend and developer experience engineer, helping build UIs, internal tools, and developer portals with seven specialized skills. It requires no external API keys or tools, operating entirely within the Claude Code environment.

This Claude Code plugin helps design teams engineer design tokens through token architecture and theming systems. It provides an agent and three skills for managing style-dictionary pipelines and design token workflows.

This Claude Code plugin provides mobile engineering expertise for native iOS/Android development, cross-platform apps, and app store deployment. It includes an agent and six skills to guide developers through mobile performance optimization and platform-specific implementation.

Wire helps design teams create interactive flow documentation and component specifications for developer handoff. It bundles one agent and three skills to streamline prototyping and communication between design and development.

This Claude Code plugin provides 11 skills to generate videos, images, and audio at scale using Runway's API, or integrate Runway models and workflows into applications via Dev MCP and the official SDK. It supports multiple generation models including seedance2, gen4.5, veo3, and Eleven Labs audio models, with skills for both direct media generation and server-side app integration.

This plugin provides game AI architecture guidance and implementation patterns for NPC agents, covering behavior trees, finite state machines, utility AI, GOAP, navmesh pathfinding, and perception systems. It includes an expert agent, command-line tools for designing and debugging AI systems, and a GDScript pattern library for common game AI components.

This plugin provides expert guidance on skeletal animation systems across Godot, Unity, and Unreal, covering blend trees, state machines, inverse kinematics, root motion, and animation event wiring. It includes an animation-engineer agent, an animate command for setup and debugging, and a skill library with code patterns for common animation challenges like blend space locomotion and foot planting IK.

This Claude Code plugin provides frontend UI development and mobile application implementation assistance across platforms through 1 command and 2 agents. It enables developers to design and build mobile apps without requiring external API keys or third-party service integrations.

This plugin provides guidance on game architecture patterns including game loops, ECS, event buses, data resources, service locators, and scene management for game developers. It includes an agent, command, and skill library to help design, refactor, and test game systems using established patterns from "Game Programming Patterns" and other references.

A Claude Code plugin that encodes Godot 4 development patterns, providing expertise in Node tree design, GDScript/C# scripting, signals, scene composition, physics, and animation. The godot-engineer agent and /godot command help developers structure projects idiomatically and avoid common Godot-specific pitfalls.

The level-design plugin provides an agent and command-line tools for game level construction in Godot, covering greyboxing workflows, TileMap/TileSet configuration, NavMesh baking, and environmental storytelling. It includes a skill library with ready-to-use code patterns for TileMap terrain, NavigationRegion3D setup, level streaming, zone triggers, and CSG greybox workflows.

This plugin provides dark pattern audits, ethical monetization design, and player spending protections for game developers through an agent advisor and monetization command. It covers cosmetics-only stores, fair battle passes, IAP flows, and references academic research on extraction vs. empowerment-based monetization models.

This plugin coordinates development across web, iOS, Android, and desktop platforms using six specialized agents to manage implementation details for each target. It provides a command-driven interface for orchestrating cross-platform application development without requiring external API keys or services.

A Claude Code plugin with a specialist agent, command, and reference library for choosing and designing multiplayer netcode architectures (rollback, lockstep, client prediction) tailored to game genre, player count, and latency constraints. It covers serialization, lag compensation, connection topologies, matchmaking patterns, and anti-cheat fundamentals for Unity and Godot.

This plugin provides procedural generation algorithms including Simplex/Perlin/Voronoi noise, dungeon creation (BSP, cellular automata, drunk walk), Wave Function Collapse, and solvability validation—all with deterministic seeding for reproducible worlds. It includes an expert agent, a generation command, and a skill library with FastNoiseLite terrain, dungeon generators, room population, and BFS path validation.

This plugin provides shader programming expertise for Godot's shading language, covering spatial and canvas_item pipelines with a command to write, debug, and optimize shaders, plus a skill library of common visual effects like dissolve, outline, hologram, water, and pixelate. It includes performance guidance for Forward+, Mobile, and Compatibility renderers to ensure shaders work across target platforms.

This Godot game UI plugin provides agents and commands to design HUDs, menus, inventory systems, and dialogue boxes with built-in support for accessibility standards like colorblind modes and controller navigation. It includes a pattern library covering health bars, menu state stacks, drag-and-drop inventory, typewriter dialogue, and settings screens.

This plugin encodes Unity 6 expertise for architectural decisions across MonoBehaviour vs. ECS/DOTS, Render Pipeline choice (Built-in/URP/HDRP), and asset management (Addressables/Resources). It provides a specialized agent and commands to guide correct design patterns and idiomatic C# implementation rather than default choices.

This Unreal Engine 5 plugin provides expert guidance on core gameplay systems including the Gameplay Framework, Gameplay Ability System (GAS), Enhanced Input, network replication, and modern rendering with Lumen/Nanite. It includes a command-driven agent, a skill library with C++ patterns, and supports both Blueprint and C++ hybrid development workflows.

This plugin provides 19 HTML-output skills that help Claude Code choose self-contained interactive HTML artifacts (specs, prototypes, diagrams, dashboards, mind maps, testing checklists, etc.) instead of markdown when HTML better serves the task. Skills support two-way interaction via a submit pipeline that works in local Claude Code sessions (server mode) or falls back to clipboard-based JSON for web/sandboxed environments.

OpenHop is a Claude Code skill that generates interactive, animated data-flow diagrams as YAML, allowing users to step through code flows with play/pause controls rather than reading prose descriptions. It operates locally with no backend or telemetry, keeping code private while using ~100 tokens per step to visualize how code actually executes over time.

This Claude Code plugin displays image thumbnails above the prompt and interactive image buttons under sent prompts, converting non-PNG formats (JPG, GIF, WebP) to PNG for terminal display. It integrates directly with Claude Code's UI to enhance image visibility without making network requests or calling any model API.

This Claude Code plugin generates production-ready WordPress block themes from plain English descriptions, handling design direction selection and automated deployment to local WordPress Studio sites. It offers two workflows: a fast `/quick-build` command for immediate theme generation and a multi-phase `/design-site` pipeline featuring style tiles, page layouts, mockups, and live design galleries.

ODIN Design provides 21 skills for interface design, prototypes, and visual fidelity, covering UI workflows from conceptual design through production-quality components. The plugin integrates design systems, frontend engineering, accessibility auditing, and animation work across React, Next.js, Tailwind, and native iOS platforms.

ODIN Visual provides 12 skills for creating diagrams, decks, canvases, and visual explainers through Claude Code workflows. It includes specialized tools for cybernetic flows, freeform graphs, 3D workflows, diagramming code, documentation canvases, PR reviews, presentations, and various visualization formats without requiring external API keys.

AI-Statusline enhances Claude Code's native /statusline command with an interactive wizard and edit tool for configuring custom status lines featuring Unicode progress bars, rate-limit displays, reasoning-effort indicators with /effort-matched colors (including ultracode detection), and granular per-segment toggles. The plugin generates cross-platform scripts (Bash for Mac/Linux, PowerShell for Windows) that dynamically display session metadata like token usage, cost, duration, and git branch information.

This plugin provides three skills for Liquid language fundamentals, CSS/JS/HTML coding standards, and WCAG accessibility patterns specific to Shopify theme development. It helps developers build compliant, accessible Shopify themes by encapsulating best practices without requiring external API keys or tools.

Arness Spark is a greenfield exploration plugin that guides raw ideas through product discovery, persona generation, competitive research, brand naming, architecture design, use case authoring, project scaffolding, and prototype validation—all within Claude Code. It ships 19 exploration skills and 13 specialist agents that work entirely on local files without external dependencies or telemetry.

Paper Desktop is a Claude Code plugin that lets you design on a web-standards canvas that Claude can read and write to directly, enabling live collaboration between you and AI agents. It supports reading design structures and styles, writing HTML/CSS elements, and converting designs to code or code to designs.

Image Peek previews pasted images at their prompt markers in Claude Code on macOS, with support for Ghostty, iTerm2, and Herdr terminals. The plugin reads from the macOS clipboard to display images inline when the cursor hovers over [Image #N] markers, caching up to 24 captures per session.

This skill helps teams create BRAND.md files—a structured standard for documenting a brand's strategy, voice, visual identity, and governance in machine-readable form. It guides users through market research and founder interviews to produce brand artifacts that can inform multiple design systems.

This Astro 6 expert plugin provides comprehensive support for Islands Architecture, Content Layer, Actions, View Transitions, and multi-framework integration through 1 agent and 14 specialized skills. It enables developers to build modern, performant Astro applications with advanced architectural patterns and seamless framework interoperability.

hdldiagZero converts HDL/RTL/SoC architecture descriptions into clean SVG block diagrams with clock-domain color-coding, AXI/TileLink variant distinction, and CDC block visualization. It validates both the input JSON spec and output SVG geometry to ensure lines never intersect blocks.

This skill teaches AI coding tools (Claude Code, Cursor, Codex) to design and edit pencil.dev UIs using .pen files and the Pencil MCP server through a guided seven-step workflow. It includes 15 worked examples, coverage of all 9 Pencil MCP tools, and cross-platform support with design patterns for modern web and mobile interfaces.

This plugin provides a structured 7-phase workflow for building React UI prototypes with design system enforcement, pattern memory, and visual fidelity analysis from Figma mockups and screenshots. It includes specialized agents for exploration, architecture, and review, all focused exclusively on frontend visual implementation without backend, testing, or DevOps scope.

This plugin provides prompt authoring skills and commands for creating optimized Google Stitch UI design prompts, with optional MCP integration for automated screen generation and asset extraction. It works fully without MCP for manual workflows, and adds automated generation, image/code fetching, and project management when MCP is configured.

This plugin provides a Vibe Discovery workflow for building distinctive landing pages that avoid common AI-generated design patterns like purple gradients, generic layouts, and overused icon libraries. It enforces unique aesthetic direction through four context questions, anti-convergence rules, and a systematic approach that allocates 50% of effort to hero section design.

Promptfilm turns a one-sentence request into a researched 3D motion graphic: a self-contained Three.js HTML file with captions that loops seamlessly and exports to frame-exact MP4. The skill automates research, storyboarding, visual building, automated QA, fresh-eyes review, and delivery through a local Studio interface for scrubbing, commenting, and frame-by-frame editing.

repo-visuals scans GitHub repositories and generates bespoke hero visuals — animated GIFs, static PNGs, or animated SVGs — through a structured discovery dialog with browser preview and retina-quality export. The plugin recommends formats based on repository identity (terminal demo, product UI, wordmark, banner, or diagram), iterates with user feedback, and optionally logs evaluation metrics for skill improvement.

UX Pilot is a conversational UX designer Claude Code plugin that guides you through structured discovery, audits existing code against 376 UX rules, and provides live browser preview with exportable React/Svelte/Vue components. It operates in four phases—discovery (ABCD questions to build a UX brief), audit (code scan with scored HTML report), preview (local server with named versions), and export (UX spec + components).

Design Mastery brings timeless design wisdom from legendary designers (Saul Bass, Dieter Rams, Paula Scher) and historical movements (Bauhaus, Swiss Style) directly into Claude Code through agents and workflows. It provides practical tools for brand identity development, design audits, style guides, and premium SaaS landing page creation grounded in design principles and theory.

Fluxwing Skills is an AI-native UX design system that enables rapid iterative design through the uxscii standard, allowing developers to create, validate, and compose UI designs using natural language conversations with Claude. It includes 8 skills for component creation, library browsing, screen scaffolding, state management, and screenshot importing, saving all outputs as ASCII metadata files (.uxm) and templates (.md).

This Claude Code plugin displays thumbnails for pasted images and one-line previews for long text above the prompt, replacing bare tag placeholders with actual content previews. It polls the prompt box every 200ms, caches pasted images from Claude Code's temp folder, and retrieves text from the clipboard to show rich context before sending.

This Claude Code plugin generates memes from images by overlaying text in classic Impact macro style, subtitles, caption bars, or custom multi-label layouts. It provides a single skill that lets users add meme text to images with various formatting options.

The mermaid plugin provides a skill for creating and validating Mermaid diagrams with syntax checking, and includes a PostToolUse hook that validates mermaid blocks in markdown files. It requires no external API keys or third-party services.

This plugin provides a wireframing skill that creates SVG wireframes with layout validation and PNG rendering capabilities. It enables developers to generate and validate UI designs directly within the Claude environment.

Prismantis is a Claude Code mod that renders terminal output with colorful, themeable styling for tables, code blocks, diagrams, charts, and text elements across 15 built-in color palettes. It requires no external services or API keys, making all styling changes locally without network calls.

Blender-kiln is a 3D asset production pipeline that transforms text briefs or photos into optimized, validated GLB files using scripted modeling, CC0 textures from Poly Haven, AI generation (Hunyuan3D, TRELLIS.2), and marketplace search across PolyHaven and Sketchfab. It performs optimization and multi-format export on Blender MCP servers for complete asset workflows.

keynot is a Claude Code skill that generates polished, self-contained HTML slide decks from natural language prompts, complete with keyboard navigation, swipe controls, fullscreen mode, and CSS-based brand theming. It requires no external tools or API keys and produces single lightweight HTML files that run offline and export to PDF or PowerPoint via a Python script.

Architect is an agent designed to help with system design and technical decision-making for building scalable systems. It provides guidance on architectural decisions, technical specifications, and system refactoring without requiring external tools or API keys.

A brainstorming skill that transforms rough ideas into solid designs through structured questioning techniques. It requires no external tools or API keys and operates entirely within Claude Code as a self-contained skill.

This plugin helps teams establish design direction through creation of design vision, strategy documents, organization-level design principles, investment cases, and portfolio prioritization frameworks. It provides 2 commands and 5 skills to guide design strategy and decision-making across teams.

FeatureDrop is an open-source product adoption toolkit that provides React components for changelogs, product tours, onboarding checklists, and feedback widgets—all configurable via a JSON manifest and stored locally with zero vendor lock-in. The Claude Code plugin helps developers integrate FeatureDrop into their projects with setup guidance and best practices.

A frontend development agent specializing in UI/UX, React, TypeScript, and modern web technologies to help build user interfaces, components, state management, and frontend architecture. It provides expert guidance and code assistance for frontend projects without requiring external API keys or dependencies.

The base16 plugin provides three colour themes—Ocean, Eighties, and Cupcake—for Claude Code, each with regular and ANSI terminal variants mapped to the Base16 colour scheme. It requires no external APIs or tools and applies purely visual customization to Claude's interface.

This plugin provides four official Catppuccin color themes (Latte, Frappé, Macchiato, and Mocha) for Claude Code, with both regular and ANSI variants that adapt to terminal palettes. Users can install and select their preferred Catppuccin flavor via the `/theme` command.

Everforest is a color theme plugin for Claude Code offering Sainnhe's Everforest palette with dark and light variants, including ANSI terminal color versions. The theme features warm accents and green-tinted surfaces across dark (green-grey background) and light (warm cream background) modes.

This plugin provides three GitHub-themed color schemes (Dark Default, Light Default, and Dark Dimmed) for Claude Code, with both regular and ANSI-based variants adapted from GitHub's official VS Code theme and Primer design system. Users can apply any theme variant through the `/theme` command to customize Claude's interface colors, accents, and syntax highlighting.

A Claude Code plugin that adds Gruvbox Dark and Light theme variants to Claude's interface, with ANSI-delegate versions for terminal-driven syntax highlighting. Requires no external dependencies and applies retro warm tones from Pavel Pertsev's Gruvbox palette.

This plugin brings the classic Monokai color scheme from Sublime Text to Claude, offering both a standard dark theme and an ANSI variant that uses your terminal's native color palette. It requires no external dependencies or API keys and simply provides visual customization for the Claude interface.

Monokai Pro is a color theme for Claude based on the popular Monokai Pro palette from monokai-pro.nvim, available in standard and ANSI variants. The ANSI variant delegates code-block syntax highlighting to your terminal's native color palette.

A Claude Code plugin that brings the Nord color palette to the Claude interface, offering both a fixed-color theme and an ANSI-terminal variant for users whose terminals run the official Nord Alacritty palette. The theme carefully maps Nord's sixteen colors—including special handling for greys, accents, and diff indicators—to provide visual consistency across Claude's UI elements.

This plugin provides six color themes for Claude's interface: One Dark (Atom's classic palette), OneHalf Dark (higher-contrast variant), and OneHalf Light, each with standard and ANSI-delegated variants. The themes support both dark and light modes with customizable syntax highlighting and accent colors.

The Rosé Pine plugin brings the soft, low-contrast Rosé Pine color palette to Claude with three aesthetic modes: Main (dark), Moon (mid-dark), and Dawn (light), each available in standard and ANSI-delegated variants. Installation adds these theme options to customize the Claude interface across different visual preferences.

A Claude plugin that brings Ethan Schoonover's canonical Solarized color palette to the Claude interface in both Dark and Light modes, with optional ANSI variants that delegate syntax highlighting to your terminal. No external dependencies or API keys required.

Tokyo Night is a Claude Code theme adapting Enkia's original VS Code palette with color mappings for Claude's UI elements and an ANSI variant for terminal compatibility. The theme includes dark backgrounds (#1a1b26), carefully mapped accent colors, and transparent blending for selections and diffs.

design-flow is an agentic Claude plugin with a product-designer and ui-designer subagent that guides teams through collaborative product and UI design exploration, from feature requirements through visual design system setup to HTML wireframes and story tracking. It integrates with Chrome DevTools MCP and optional story tracker MCP to help define product specifications, establish design systems, create UI layouts, and generate trackable epics and stories before development begins.

A Claude Code mod that redraws the transcript with seven themed skins (noir, Tokyo Night, Dracula, Catppuccin, and others) featuring tool calls with icons, diff cards, animated code blocks, terminal output cards, and dynamic spinner animations. Users can swap skins live with `/skin`, customize colors, or ask their agent to design new skins.

design-with-claude provides 41 specialized design slash commands covering accessibility, color, typography, motion, dashboards, and more—each a structured knowledge base prompt you can invoke directly in Claude Code. The plugin also integrates with an optional MCP server that adds a deterministic CLI audit engine (npx dwic-audit) for scanning design systems and remembering project decisions across sessions.

The fig plugin generates single-file looping animated SVG explainers styled with CSS that survive embedding in documents and web pages. It includes a command-line tool to convert these animated SVGs to GIF format.

Claude searches free stock-image sources (Pexels, Pixabay, Unsplash, Openverse, Wikimedia Commons) and inserts optimized WebP images with alt text and attribution into projects, or displays photos conversationally. It includes a photo-pass command for whole-site art-direction audits that select 3–6 carefully chosen images per visual family.

Two Agent Skills that enforce checkable design and Russian text rules to help AI agents create clear, consistent, and authentic interfaces and copy. The nickture-interface skill works on any language interface by removing AI-generated design patterns, while nickture-text-ru improves Russian text clarity and authenticity.

This Claude Code plugin teaches Claude to navigate a local library of 151 real design systems, 71 frontend skills, and 114 rendering templates by installing it as a sparse Git clone. Users describe design work naturally (e.g., "rebuild this page in the Vercel system") and Claude reads actual brand contracts and tokens instead of generating placeholders.

This plugin provides two skills for building and managing B12 websites: Website Generator creates a production-ready site from a business description, and B12 Website Editor uses browser access to modify live B12 sites through the Claude interface. Both skills integrate seamlessly with Claude's capabilities to help users design, edit, and deploy websites on the B12 platform.

Brand Guardian helps establish brand guidelines, ensure visual consistency, and manage brand assets across all touchpoints. It specializes in creating and maintaining cohesive brand experiences while enabling rapid development.

A Claude Code agent for expert assistance with Flutter mobile development tasks including code analysis, widget creation, debugging, and performance optimization. It helps resolve navigation issues, architectural decisions, and design system implementation for Flutter applications.

A production-grade frontend design skill that enforces specific rules for typography, color (OKLCH), layout, motion, interaction, and UX writing to avoid AI-generated design pitfalls. The plugin provides deterministic design constraints and best practices applicable to frontend development work.

This Claude Code plugin provides expert guidance for building user interfaces, implementing React/Vue/Angular components, and optimizing frontend performance. It helps developers create responsive, accessible, and performant web applications with support for state management and complex UI patterns.

This agent specializes in developing native iOS and Android applications, implementing React Native features, and optimizing mobile app performance for smooth, native-feeling user experiences. It handles cross-platform development, mobile-specific features like push notifications and biometric authentication, and performance optimization for components like video feeds.

This Claude Code plugin provides a mobile-ux-optimizer agent that analyzes and improves UI/UX components for mobile-first experiences, including design theme consistency and mobile usability standards. It helps developers optimize existing desktop-focused interfaces and ensure new components align with mobile-first principles and design systems.

The onomastophes plugin generates creative non-Olympian Greek god names with rich backstories and mythological authenticity for storytelling and creative writing projects. It uses an embedded agent to craft authentic names and narratives without requiring external API keys or third-party services.

The react-native-dev agent provides expert assistance for React Native development tasks including code analysis, component creation, debugging, performance optimization, and architectural decisions. It helps developers resolve issues with navigation, design system compliance, and existing codebase patterns.

This plugin provides an AI agent specialized in creating user interfaces, designing components, and building design systems focused on visual aesthetics and rapid implementation within 6-day sprints. It enables designers to quickly prototype beautiful, functional interfaces without requiring external tools or API dependencies.

This Claude Code plugin provides an agent for conducting user research, analyzing user behavior, and creating journey maps to validate design decisions. It specializes in understanding user needs, pain points, and behaviors to inform product decisions within rapid development cycles.

An expert agent specializing in vision models, OCR systems, barcode detection, and visual AI tasks, staying current with the latest models like GPT-4V, Claude Vision, and Mistral-OCR. It provides guidance on image processing, document analysis, and visual AI optimization without requiring external API keys or tools.

The visual-storyteller agent transforms data and concepts into compelling visual narratives, infographics, and presentations that engage users and stakeholders. It specializes in communicating complex ideas through imagery and visual design.

The web-dev agent provides expert assistance for modern web development tasks including React, Next.js, NestJS, and TypeScript, with support for component creation, debugging, performance optimization, and architectural decisions. It specializes in Tailwind CSS styling and helps developers analyze code, troubleshoot framework-specific issues, and build scalable web applications.

whimsy-injector is a Claude Code agent that automatically enhances UI/UX updates with delightful, playful elements—adding joy to onboarding flows, error states, loading screens, and completed features. It transforms standard interactions into memorable moments that reduce friction and increase user engagement through personality-driven design touches.

A comprehensive Claude Code plugin bundling 45 stable skills for web design and SEO workflows—from research and design-system generation through build briefs, QA, CMS porting, and technical/on-page SEO audits—all running free-tier first with graceful fallbacks to MCP/CLI when available. The plugin keeps design and SEO in shared context and data, eliminating hand-offs between disconnected tools across the research → design → build → SEO → QA → port workflow.

This Claude Code plugin reskins the chat interface with message numbering (T01, T02, etc.), reply annotations, and styled formatting for tool rows and turn indicators. It purely modifies the UI presentation of conversations without adding new functionality or integrations.

This plugin provides color themes for the Claude Code terminal UI, optimized for high contrast and legibility under warm-shift filters like macOS Night Shift and Redshift. Themes are an experimental plugin component, and the file format may change between releases.

Provides Clean Architecture guidance for Python/FastAPI projects through 13 commands and an automatic skill that triggers on architecture-related requests. Offers architecture review, refactoring tools, and learning resources grounded in Arjan Codes' design principles and Pythonic patterns.

A library of 42 framework-agnostic UX and product-design principles packaged across 5 composable plugins, with 137 skills covering perception, cognition, interaction, aesthetics, and process. Agent skills automatically trigger when working on design tasks to help maintain design system consistency, reduce common pitfalls, and apply research-backed design practices.

This plugin provides two specialized skills for web development: `ux-expert` for UX research, personas, storyboarding, heuristic evaluation, and screenshot-based design analysis, and `designer-frontend-contract` for freezing mockups as canonical oracles and verifying frontend implementations against design baselines using screenshot-based diffing. The workflow bridges design intent and implementation across any technology stack without requiring API keys or external service dependencies.