ツール

Has the agent settle on a clear aesthetic direction first, then write distinctive, production-ready frontend interfaces that avoid the generic AI look. Official Anthropic plugin.

UI/UX design knowledge base plugin with searchable UI styles, color palettes, font pairings, charts and guidelines for 20+ tech stacks; generates complete design system recommendations by product type. Needs Python 3 installed locally.

Frontend design quality plugin: one skill plus 24 commands (audit, critique, polish and more) and 61 built-in deterministic rules that find common design flaws in AI-generated interfaces and fix them one by one.

Accessibility review plugin with an audit command, a UI validation subagent, and WCAG 2.2 and screen reader testing skills. Before design reviews or launch, the agent checks contrast, keyboard use and screen reader support and suggests fixes. For Claude Code; automated checks need Node.js.

UI/UX design plugin from the wshobson/agents marketplace with 3 subagents, 9 skills and commands for design review, component creation and accessibility audits, covering design tokens, WCAG 2.2, responsive layout, iOS HIG and Material Design 3 for in-code UI design and review.

Has the agent build single-file HTML interactive playgrounds: visual controls on one side, live preview on the other, and a prompt to copy back into Claude. Templates for design tuning, data exploration, concept maps, doc annotation, code review and architecture diagrams. By Anthropic.

Plugin for design teams: design critiques, design system audits, UX copy, accessibility checks, user research synthesis and developer handoff notes. Official from Anthropic; works best with Figma connected.

Content creation plugin by Baoyu (JimLiu): infographics, article illustrations, covers, slide decks and translation, plus Xiaohongshu image cards and publishing to WeChat Official Accounts, Weibo and X. Needs Node.js; image generation needs an OpenAI, Google or Tongyi Wanxiang API key.

Official plugin for Pascal, an open-source 3D architecture editor: lets agents create, edit and validate 3D models of rooms and floors over MCP and check furniture placement for collisions or blocked doors. Local use needs the Pascal CLI (Node.js 22.13+); hosted projects need an API key.

OpenAI's official Codex plugin that starts from a brief, product shots or references to generate marketing concepts, mood boards, product scenes, ad directions and social assets, compared and iterated on a reviewable board. Works with Figma and Canva.

OpenAI's official Codex plugin marketplace (openai-curated) with 60+ plugins such as Figma, Notion, GitHub, Stripe and Vercel, each bundling skills, MCP servers and app connections into one install.

OpenAI's official Codex plugin that turns early product ideas, live pages or screenshots into interactive prototypes, proposing a few visual directions before building. Also reviews user flows, researches user pain points and checks accessibility issues.

MagicPath's official Codex plugin from OpenAI's plugin marketplace: search and install UI components from MagicPath canvases, apply team themes, and move interfaces from local code onto the canvas to keep iterating. Needs a MagicPath account and Node.js.

Figma's Codex plugin in OpenAI's official marketplace: implements UI from designs, generates Code Connect mappings, and creates or updates pages, component libraries, FigJam diagrams and slides in Figma. Needs a connected Figma account.

Adobe's official Codex plugin, listed in OpenAI's plugin marketplace: batch-edit and retouch photos by chat, build social graphics from Express templates, reformat landscape video into vertical shorts and search Creative Cloud assets. Try it as a guest; sign in for more features.

Design engineering plugin for product interfaces such as admin panels and dashboards: builds UI on design principles and saves spacing, color and hierarchy decisions to .interface-design/system.md to stay consistent across sessions. Not meant for marketing pages.

Claude Code plugin marketplace for designers: 33 plugins and 273 skills for user research, design systems, UX strategy, interaction, prototype testing, visual critique and accessibility. Install designer-toolkit and run /designer-toolkit:start-here for a suggested flow; no coding needed.

Figma's official plugin: connects the remote Figma MCP server and bundles skills for design-to-code, Code Connect, and generating designs and libraries, letting agents read design context and write to the canvas. Needs a Figma account; Starter plans and View/Collab seats get 6 calls a month.

MathWorks' official toolkit for reading, building, modifying and testing Simulink models via the MATLAB MCP server, with skills for control design, Simscape, code generation and compliance checks. Needs licensed MATLAB R2023a+ and Simulink; run the official installer in MATLAB first.

Lets coding agents read your codebase, extract a design system, then generate UI mockups, slide decks, posters and other marketing visuals on Superdesign's infinite canvas and iterate in branches. Needs @superdesign/cli and a Superdesign account; free to start.

Official BioRender plugin in Anthropic's life sciences marketplace: connects Claude Code to BioRender's scientific icons, templates and figures to find assets and make paper figures, lecture slides and talk graphics. Needs a free BioRender account; authorize it in /plugin after installing.

Official ComfyUI plugin for Claude Code: installs the hosted Comfy Cloud MCP plus slash commands to generate or edit images, video, audio and 3D models, remove backgrounds and upscale. Needs a Comfy account; model search is free, generation needs a Comfy Cloud subscription after 5 free runs.

Official ComfyUI plugin that connects the hosted Comfy Cloud MCP: slash commands to generate images, video, audio and 3D, remove backgrounds, upscale, and search models, nodes and workflow templates. Needs a Comfy account and sign-in via /mcp; 5 free runs, then a paid plan.

Adobe's official plugin that reaches Creative Cloud through a remote MCP: batch photo edits, template-based posters and social graphics, resizing for each platform, highlight clips, and bulk PDFs via InDesign data merge. Adobe says it works only in the Claude desktop app; needs an Adobe account.