Design
Saves you time on design critiques and UX writing.
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff.
Opens Claude in a new tab
Critique, systems and assets, without the busywork.Our top 3 picks, ranked. Start with number 1.
Designers spend a lot of time on the work around the design: critiques, UX writing, specs, assets. These plugins help with critiques and design systems, and connect Claude to Figma and Adobe Creative Cloud to turn files into specs and edit images and vectors. Your judgment stays in charge; the plugins take the busywork.
Saves you time on design critiques and UX writing.
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff.
Opens Claude in a new tab
Saves you time turning Figma files into specs and code.
Figma design platform integration.
Shows you how, in 4 steps
Saves you time on image and vector edits across Creative Cloud.
Brings together Adobe Creative Cloud tools for images, vectors, design, and video.
Opens Claude in a new tab
Not ranked by us. Sorted by how many people installed them.
Social media automation CLI for scheduling posts, managing integrations, uploading media, and tracking analytics across 28+ platforms including X, LinkedIn…
Frontend design skill for UI/UX implementation.
Ten UX and design skills that give coding agents deep knowledge of established design frameworks: research, critique, accessibility, journey mapping…
Design or redesign frontend UI, presentations, and marketing graphics on the Superdesign infinite canvas.
Find UI components and themes, retrieve their code, and use hosted 21st AI when enabled.
Model-agnostic prompting guide for modern text-to-image models.
Build cinematic, animated websites from Claude Code: 1,400+ AnimatedWebs templates with live demos, cinematic video backgrounds, animated UI components…
Figma design platform integration.
Six Claude Code commands that make AI work like a design team: direction, design systems, product design, review, governance.
AI image generator and AI video generator: turn a text prompt into an image or a video, pick model, format and length with Claude…
VectorLab UI/UX, microcopy, and visual taste skills: low-friction, high-taste interfaces for any frontend stack.
AI logo generator and brand designer: describe your brand and get up to four logo concepts (PNG) in an interactive panel…
Craft cinematic product videos with Remotion using shot recipes, motion previews, reusable components, SFX, and a production-ready template.
AI video editor: generate shots and images, then cut them on a real multi-track timeline with trims, transitions and burned-in captions, and export an MP4…
Make hand-drawn animated short films where every frame is drawn in code and the soundtrack is synthesized in code, perfectly synced from one shared score.
AI video generator: describe a scene and Claude prepares a short clip for YouTube, TikTok, Reels or Shorts, with style, format, length and video model (Kling…
AI video generator and AI image generator: turn a text prompt into images and videos (text to image, text to video), choose model, ratio…
Showreel-grade motion videos rendered from code: real product assets, a measured beat grid, a signed-off shot list, 2-D canvas and three.js 3-D on the GPU…
CoDesign gives AI agents like Claude Code, Codex and PI a real design engine for genuine, editable designs, not flat images.
Turn ideas into images and videos with Kling AI in Claude.
Generate 3D models, textures, and images, rig and animate characters, and prepare models for 3D printing with the Meshy AI API.
Helps Claude Code generate accurate, efficient FFmpeg commands from natural-language descriptions.
Evidence-backed UX/UI and accessibility audit.
Design and build websites and landing pages that look like a real product, not AI output: pick a design direction from real websites…
Social media image maker: describe your post and Claude prepares an image sized for Instagram, Facebook, LinkedIn, X, Pinterest or a vertical story…
Clean up speech audio (AI noise removal, loudness, stereo fixes) and picture quality in talking-head and demo videos, and add a logo watermark…
Edit vertical short videos (Reels, Shorts, TikTok) from talking-head footage in Claude Code: cut pauses and retakes by audio…
AI Video Enhancer Studio on your Windows PC from your AI agent: upscaling, stabilizing, denoising and frame-rate conversion of videos on an NVIDIA RTX GPU.
Audits and remediates accessibility metadata (altText, tooltips, tab order) in Power BI PBIP/PBIR reports against WCAG / EN 301 549.
AI Readiness Check for Figma Design Systems.
On-brand images and visual assets in Claude Code and Codex with Blueprint Studio Asset Generator, from Blueprint Studio, a design and development studio.
Audit, spec, and verify production-grade experiences for humans and agents alike.
Lock your design system, prevent drift.
Design System compliance harness for Claude + Figma.
Ground design work in real websites — search 1,100+ live sites by style, font, colour and section, and read the type scale…
Image deep research for Claude Code and Codex: find reference images on open, licensed collections (Openverse, Wikimedia Commons, Art Institute of Chicago…
AI avatar presenter video maker: turn a topic into an explainer, lesson or self-introduction spoken to camera by an AI presenter with an AI voice…
Anime story video maker: turn a story idea into an animated short in anime, cel, chibi, cartoon, storybook or 3D style, with recurring characters…
YouTube thumbnail maker: tell Claude what the video is about and the headline you want, and Abracadabrax designs a bold 16:9 thumbnail with readable text…
Cinematic AI video maker: describe a scene, pick one of 61 named camera moves (dolly, crane, orbit, crash zoom, dolly zoom, FPV drone, bullet time) plus shot…
Create editable PowerPoint presentations, PDFs, and PNG slide images through Presenton's remote MCP connector.
Poster and flyer maker: give Claude the headline and the details of your event, sale or announcement…
Social media scheduler for Claude: write, schedule and publish posts to Facebook, Instagram, X (Twitter), LinkedIn, TikTok, YouTube, Threads, Bluesky…
Design Steward takes a website or app from design feedback to a verified fix.
Design color palettes, audit contrast, generate code, and sync to Figma, Penpot, Sketch, and Framer — powered by the UI Color Palette API.
Claude Code skill set for Figma — bidirectional token + component sync (Zod-validated code<->Figma mapping, Code Connect bridge), component library generation…
Designer-developer skills that bridge Figma and code in both directions, plus design-system documentation.
Post and schedule to Instagram, TikTok, YouTube, X, LinkedIn, Facebook, Pinterest, Threads, and Bluesky from your AI agent, and read post analytics.
Turn Figma frames into React, Vue or HTML components that reuse your design tokens and existing components, responsive and accessible.
Brand strategy, briefs, identity systems, and brand reviews for your current brand or a named brand, independent of image prompting.
Mobbin MCP server and skills for finding real-world app screens, flows, and website sections while designing and building UI.
Enforce UI consistency across an entire codebase — detects drift in spacing, typography, colors, components, iconography, and interaction patterns across web…
Images, video, voice, music and media editing on your AITOPIA account, plus AITOPIA's production playbooks: product ads, UGC videos, short-form videos…
Keeps new UI consistent with a project's existing pages.
Channels five master designers — Jony Ive, Dieter Rams, Zaha Hadid, Bjarke Ingels, and Don Norman — as a consultative panel for any design work.
Liquid Glass for SwiftUI on iOS 26 and iOS 27: an API reference verified against Apple's docs, system chrome (toolbars, tab bars, search…
Coloring page maker: tell Claude what to draw and who will color it, and Abracadabrax draws a printable black-and-white coloring page, simple for toddlers…
Powered by CellCog. Generate images, videos, PDFs, presentations, research reports, music, spreadsheets, 3D models, memes, diagrams, prototypes, game assets…
Upload, transform, and deliver images with Autorender — responsive images, DPR handling, CDN delivery, React, Next.js, Vue, Angular, Svelte.
Builds polished, target-user-rated web apps/pages/tools/assets via Verbalized Sampling at every design input — framing, designer voice, seeds, constraint…
Architecture diagrams, presentation slides, social cards, code snippets and device mockups…
Perception-First Design (PFD) — psychology-backed design framework.
Design and accessibility toolkit: 10 specialized subagents, 4 orchestration commands, 4 reference skills.
AudioPod's audio-processing tools inside Claude: transcribe recordings with speaker labels and subtitles, split songs into stems, remove background noise…
Code-drawn stills, drawing timelapses, films, explainers and interactive web animations in 31 styles, with scores composed in code.
Bootstrap a brand-new mobile app's design system as self-contained HTML + CSS — a token layer plus a full component catalogue (a living style guide with a…
Turn long videos and live streams into short clips with AI, then render them and post to TikTok, Instagram and YouTube.
Skill that writes accessibility-focused alt text for images about to be posted on social media (Twitter/X, Bluesky, Instagram, LinkedIn, Mastodon, Threads…
Design and build iPhone app screens and flows that feel native: onboarding, sign-up, paywalls, permissions, settings and more…
Write and improve prompts for Kling AI video generation and pick the right Kling model.
Studio-quality, transparent-background vehicle images for any project.
Greeting card and invitation maker: tell Claude the occasion, who the card is for and your message…
Skills for partner-relationship managers (customer-admin scope) that orchestrate the EULER MCP: generate a Quarterly Business Review…
Turn a plain-language app description, or your own image file, into a finished cross-platform icon set: reviewed at real sizes through headless-browser…
Build Japanese-ready web interfaces with correct CJK typography, cultural UI patterns, and localization best practices.
Real UI, not AI slop. The no-ui-slop skill plus the UXKIN MCP server, so Claude looks at real app screens…
Ingest videos into Montage and turn them into editable moments, via the Montage MCP server.
TwelveLabs video AI integration.
Publish and schedule posts to TikTok, Instagram, YouTube, LinkedIn, X and 17 more platforms from Claude.
Create and edit slides in Claude.
Generate React code and build Figma designs with the Rayden UI component library.
Generate architecture diagrams as Excalidraw files from natural language.
BioRender MCP server for creating and accessing scientific illustrations.
Find and preview clips from long videos, export chosen clips with captions, and reuse transcripts for posts.
Convert images to SVG vectors, edit colors, simplify paths, remove backgrounds, and batch process — powered by svg.new.
Icons8 icons and Ouch! illustrations for coding agents, plus a design pass over what the agent built with them.
Short film maker: turn a logline into a narrative AI short film with characters, dialogue and a film look across several scenes, in drama, sci-fi, thriller…
Draw and leave notes on a live localhost page, then send it all into this Claude Code session.
Build and audit Shopify themes with Claude Code.
Image and video AI tools and your own pipelines from apiai.me: background removal, generation, editing, upscaling, video and moderation, run from Claude Code.
Remove background from AI-generated images using two-pass difference matting.
나만의 디자인 스타일(색깔·폰트·분위기)을 저장해두고 PPT·문서·카드뉴스·위젯을 만들 때마다 일관된 디자인으로 자동 적용하는 스킬.
Skills for performing classical image processing operations: format conversion, SVG rendering, resize/crop/rotate, color adjustment, filters…
Make reels worth sharing — the AI video generator and reels maker for Instagram, TikTok, YouTube Shorts and Facebook, driven from your AI assistant.
Create and edit designed Google Slides decks with Ploxs, including agent-authored HTML frames.
Eversince creative agent — hand off any creative work across video, image, audio, and motion graphics.
Your Instagram in Claude: audit your account, check reels against research on what performs, answer comments and DMs, and publish or schedule posts…
Search, preview, recommend, and retrieve SVG icons by meaning through Supericons MCP.
Designs and reviews interfaces, dashboards, design systems and slides with the Bauhaus Basic Course (Itten)…
Search, preview, install, and author MagicPath UI components (designs) from Claude Code via the magicpath-ai CLI.
Adding one takes about a minute, and you can remove it any time.
How to install Claude plugins