Sumi
UX/UI design intelligence for Claude Code — 45 skills, 195 reference files, 38 commands, 4 agents. Start with /sumi:start. Reference-grounded: /sumi:inspo sources live Awwwards…
Plugin-Paket · von Phazur Labs
Überblick
Sumi ist ein Plugin-Paket für KI-Coding-Tools von Phazur Labs. Marktplätze, die wir lesen und die es listen: 1 (Community GitHub marketplaces). Wir haben es erstmals am 2026-11-01 gesehen und seither keine Änderung erfasst. Stand unseres Marktplatz-Durchlaufs vom 2026-11-06.
UX/UI design intelligence for Claude Code — 45 skills, 195 reference files, 38 commands, 4 agents. Start with /sumi:start. Reference-grounded: /sumi:inspo sources live Awwwards winners and Mobbin flows, captures their design DNA, and grades your build against them. Cognitive psychology and Laws of UX, NNG heuristics, WCAG 2.2 accessibility, W3C design tokens, production component code (React/SwiftUI/CSS), Figma design-to-code, visual quality scoring, and AI interface patterns.
Was es abfragt
- Wird als Plugin-Paket installiert
Keiner der Marktplätze, die wir lesen, veröffentlicht seine Tools oder die abgefragten Einstellungen.
Was es deklariert, abfragt und ausführt, vollständig
Installieren Sie nur Plugins von Entwicklern, denen Sie vertrauen. Wir zeigen, was die Marktplätze veröffentlichen, und testen keine Plugins.
Funktioniert mit
- Claude Code
Nach den Marktplätzen, die ihn listen, und dem angegebenen MCP-Transport, wie jeder Client sie dokumentiert. Wir testen keine Plugins.
Verbinden
Befehle und Konfigurationen nur aus den Angaben der Marktplätze. Wir führen sie nicht für Sie aus und testen keine Plugins.
Als Claude-Code-Plugin
Erstellt aus den Angaben von Community GitHub marketplaces.
/plugin marketplace add phazurlabs/sumi
/plugin install sumi@sumi-marketplace
Wo es veröffentlicht ist
| Marktplatz | Status | Version | Zahlen | Verifiziert | Erstmals gesehen |
|---|---|---|---|---|---|
| Community-Marktplatz phazurlabs/sumi (Quelle auf GitHub öffnen) | Gelistet | 4.2.0 | Forks (GitHub): 11 Sterne (GitHub): 58 |
Nicht markiert |
Jede Zahl stammt vom jeweiligen Marktplatz und wird nie über Marktplätze hinweg addiert. Ein Marktplatz ohne veröffentlichte Zahl zeigt keine: keine Zahl ist nicht null.
In einem Community-Marktplatz gelistet
| Marktplatz | Repository | Sterne (GitHub) |
|---|---|---|
| sumi-marketplace | phazurlabs/sumi | 58 |
Was das Paket enthält
So veröffentlicht auf Community GitHub marketplaces.
Skills: 45
accessibility-inclusive-designagentic-ai-generative-uxai-design-generationai-spatial-voice-uxambient-calm-zero-uianimation-recipe-librarybusiness-design-templatescognitive-psychology-uxcolor-palette-librarycomponent-patterns-codeconversion-optimization-patternscross-cultural-i18n-ux
Weitere anzeigen: 33
data-visualization-masterydesign-critique-case-studiesdesign-memorydesign-process-methodsdesign-systems-architecturedesign-token-presetsdesktop-app-designfigma-design-tool-workflowsform-design-encyclopediaicon-illustration-systemsimage-media-patternsinteraction-motion-designlayout-block-intelligencemicro-copy-intelligencemobile-ux-designnavigation-pattern-encyclopedianng-ux-heuristicspage-composition-engineperformance-states-patternsplatform-visual-standardsreference-intelligenceresponsive-block-patternsscreen-flow-patternssector-style-intelligenceshadow-elevation-densitysumi-orchestratortypography-pairing-recipesui-pattern-intelligenceui-visual-design-systemux-ethics-content-strategyux-metrics-measurementux-research-methodsvisual-design-mastery
Befehle: 38
a11yai-auditanimateauditbefore-afterbenchmarkbriefcomponentdarkfigmafixform
Weitere anzeigen: 26
generategradeiconinspolayoutmapmeasurenavnextonboardpagepalettepreflightqaremixresearchresponsiveroastscreenstartstatusstylesumitokenstypewireframe
Agenten: 4
art-directorcriticscoutux-architect
Was sich geändert hat
- Wird seitdem als Produkt geführt
- Community GitHub marketplaces: erschienen
Ähnliche Plugins
Produkte, deren eigene Namen, Beschreibungen, Werkzeuge und Skills diesem der Bedeutung nach am nächsten sind, auf allen Marktplätzen, die wir lesen. Die Nähe ist nur innerhalb dieser Liste geordnet.
-
A full design suite for Claude Code: 58 brand design systems (Stripe, Linear, Vercel, Google, Anthropic and more) + 5 curated skills for UI/UX generation, accessibility auditing…
-
The design taste pack: a five-stage UI pipeline (direction, system, motion, critique, verification) that stops generic AI-looking interfaces, plus pointers to five specialist…
-
29 specialized design agents as Claude Code commands. Bring expert design knowledge into every coding session - accessibility, motion design, design systems, color theory…
-
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
-
Turn Claude into a senior design architect: DTCG design tokens, 52 components, WCAG 2.2 AA to AAA accessibility, 2,144 brand-grade design systems, any-framework code generation…
-
Design workflow for coding agents: discovery, research, strategy, inclusive design, critique, and handoff — enforced automatically
-
Design & UX skills: UX Research Plan, Design Critique, Accessibility Audit, Design System Audit. Create research plans, critique designs using JTBD and Gestalt principles, audit…
-
Use this agent when creating user interfaces, designing components, building design systems, or improving visual aesthetics. This agent specializes in creating beautiful…
-
v3.0, THE BRAIN. 18 callable slash commands (init, discover, design, system, audit, critique, a11y, copy, motion, polish, fix, lint, case-study, next, expert, research, workshop…
-
Generate UI variations, collect feedback, synthesize the best elements, and iterate to confident design decisions
Ähnliche Plugins nach Marktplatz
Dieselbe Frage an jeden Marktplatz einzeln: Gibt es dort ein Gegenstück zu diesem Plugin?
Gelistet auf Claude Code: claude-plugins-community (5)
-
A full design suite for Claude Code: 58 brand design systems (Stripe, Linear, Vercel, Google, Anthropic and more) + 5 curated skills for UI/UX generation, accessibility auditing…
-
29 specialized design agents as Claude Code commands. Bring expert design knowledge into every coding session - accessibility, motion design, design systems, color theory…
-
All in one skills about software design, UI/UX
-
Agent-orchestrated design pipeline for Claude Code. Five stages (brief → discover → plan → design → verify), 33 specialized agents, 12 tool connections including Figma, shadcn/ui…
-
A virtual design team for Claude Code, Cursor, Windsurf, Gemini CLI, and Copilot — 18 roles, 32 commands, 11,000+ lines of expert design knowledge. Your agency's design brain…
Gelistet auf Claude Code: claude-plugins-official (5)
-
Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design…
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
-
Create production-ready Pendo in-app guides (walkthroughs, announcements, alerts, polls, promotions) as HTML/CSS/JS from a short intake conversation, using Pendo's guide…
-
Sanity content platform integration with MCP server, agent skills, and slash commands. Query and author content, build and optimize GROQ queries, design schemas, and set up Visual…
Gelistet auf Claude: knowledge-work-plugins (5)
-
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
AI-first project auditor and re-engineer based on the 9 design principles and 7 design patterns from the TechWolf AI-First Bootcamp
-
Create production-ready Pendo in-app guides (walkthroughs, announcements, alerts, polls, promotions) as HTML/CSS/JS from a short intake conversation, using Pendo's guide…
-
Sanity content platform integration with MCP server, agent skills, and slash commands. Query and author content, build and optimize GROQ queries, design schemas, and set up Visual…
Gelistet auf Codex: openai-curated (openai/plugins) (5)
-
The Product Design plugin is built for turning early ideas into prototypes teams can review. It starts design and build work by confirming the brief, then helps teams explore…
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
-
Use MagicPath to find, inspect, install, create, and edit UI components from Codex.
-
Bring your Canva design workflow into Codex and create, refine, and review designs through natural conversation. Available skills: Resize for social media: Adapt a design for…
Gelistet auf Community GitHub marketplaces (5)
-
The design taste pack: a five-stage UI pipeline (direction, system, motion, critique, verification) that stops generic AI-looking interfaces, plus pointers to five specialist…
-
Turn Claude into a senior design architect: DTCG design tokens, 52 components, WCAG 2.2 AA to AAA accessibility, 2,144 brand-grade design systems, any-framework code generation…
-
Design workflow for coding agents: discovery, research, strategy, inclusive design, critique, and handoff — enforced automatically
-
Design & UX skills: UX Research Plan, Design Critique, Accessibility Audit, Design System Audit. Create research plans, critique designs using JTBD and Gestalt principles, audit…
-
Use this agent when creating user interfaces, designing components, building design systems, or improving visual aesthetics. This agent specializes in creating beautiful…
Gelistet auf Copilot CLI: github/awesome-copilot (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Equips AI coding agents with knowledge and tooling for working with UI theme designer, the SAP Design System, and SAP Fiori design tokens.
-
7 specialized agents covering the full software development lifecycle from UX design and architecture to security and DevOps.
-
Keep your coding agent up to date with the latest web best practices
-
Essential prompts, instructions, and chat modes for modern frontend web development including React, Angular, Vue, TypeScript, and CSS frameworks.
Gelistet auf Copilot CLI: github/copilot-plugins (5)
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
code-apps-preview
Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.
-
model-apps
Build and deploy Power Apps generative pages for model-driven apps with specialist agents for planning, entity creation, and parallel code generation. Requires PAC CLI >= 2.7.0…
-
Bring Azure DevOps work-item, repository, and pull-request workflows into GitHub Copilot.
Gelistet auf Cursor: cursor/plugins (5)
-
Consult a stronger model before major decisions, when stuck, and before declaring done.
-
Generate presentations, documents, and webpages.
-
Design, build, and edit your Framer sites, pages, and CMS content.
-
Skills for building on the Cursor Origin API. Fetch the live spec first, then follow the Origin rules for credentials, scopes, webhooks, paging, and errors. Includes a skill that…
-
Render PR diffs as review canvases grouped by importance.
Gelistet auf Docker MCP Catalog (5)
-
Generate images, video, and audio with Glif's media-generation agent
-
A Model Context Protocol (MCP) server that empowers LLMs to use some of Open Srategy Partners' core writing and product marketing techniques.
-
Stop stitching context for Copilot and Cursor. With Sequa MCP, your AI tools know your entire codebase and docs out of the box.
-
Model Context Protocol (MCP) server for the Webflow Data API.
-
Tools and resources for writing Effect code in Typescript.
Gelistet auf Official MCP Registry (5)
-
Your AI designs live on the UX Pilot canvas or runs its design agent: reviews, React, video, media
-
Real UI references for coding agents: iOS app screens, user journeys and website design systems.
-
UI design from prompts, screenshots, and URLs for AI coding agents and theme tokens.
-
Design and edit UI screens, find website inspiration, and create animated shader backgrounds.
-
Your AI agent designs editable, clickable UI prototypes on a live canvas.
Gelistet auf PyPI (MCP servers) (5)
-
canva com.mcparmory/canva
Create designs, manage assets, and automate design generation from external workflows
-
canva-mcp io.github.wmarceau/canva-mcp
MCP server for Canva - create designs, manage assets, use templates, export graphics
-
Connect AI assistants to Outline for document search, reading, and management
-
Let one coding-agent CLI consult another: Codex, Claude Code, OpenCode, Copilot or Antigravity.
-
figma com.mcparmory/figma
Export files, access design data, manage projects, comments, and team assets
Gelistet auf npm registry (MCP servers) (5)
-
designer-skill-mcp io.github.PyModel/designer-skill-mcp
UI design MCP: design references, intent routing, anti-slop static detector and gate. No API key.
-
Audit your Design System and serve your Agent the rules that keep AI-written UI on-system.
-
The WunderUI design system for coding agents: components, props, tokens, rules and skills.
-
Product design skills MCP server - structured design workflow tools for AI agents
-
AI-Ready design system MCP: melta UI tokens, component contracts, 107 rules, check_html self-verify
Nach Bedeutung gefunden, nicht über gemeinsamen Code oder ein gemeinsames Repository: Ähnliche Plugins bleiben getrennte Produkte, und dies ist weder eine Bewertung noch eine Empfehlung.
Möchten Sie dieses Zeichen für Ihr Plugin in unserem Katalog?
Belegen Sie mit einer Datei im Repository, einer Datei auf Ihrer Domain oder einem DNS-Eintrag, dass Sie es pflegen, und Sie können dieses Zeichen auf der Karte zeigen, dazu Live-Banner für Ihre Website und Ihr README. So funktioniert die Verifizierung
Außerdem erhalten Sie Hinweise, wenn ein Marktplatz es aufnimmt, entfernt, sein Verified-Zeichen oder seine Anforderungen ändert, und sein Remote-Endpunkt wird wie ein Webdienst überwacht.
Daten von Community GitHub marketplaces. Die Zahlen stammen aus unseren eigenen regelmäßigen Durchläufen über die Marktplätze, zuletzt abgerufen am . Kontaktdaten von Plugin-Herausgebern veröffentlichen wir nicht.