Dev-Tools · 35 Tools

KI-Coding-Agenten und MCP-Server

Agenten schreiben Monat für Monat mehr vom Interface-Code, und die Ergebnisse hängen vom Kontext ab, den sie bekommen. Dieser Bereich sammelt Coding-Agenten, MCP-Server, die ihnen Komponenten-Registries und Design-Dateien zugänglich machen, und Skills, die ihnen Design-Konventionen beibringen.

Sortieren

drayhq.com

DrayAgenten & MCPEin einheitlicher Desktop-Workspace zum Ausführen und Verwalten mehrerer Coding-Agenten.

styles.refero.design

ReferoAgenten & MCPStrukturierte DESIGN.MD-Spezifikationsdateien, die KI-Agenten bei Designentscheidungen anleiten.

designmd.me

designmd.meAgenten & MCPErzeugt maschinenlesbare Design-Spezifikationen, die KI-Coding-Agenten parsen und als Grundlage nutzen können.

open-design.ai

Open DesignAgenten & MCPVerpackt Designsysteme in ein standardisiertes Format, das KI-Agenten lesen und anwenden können.

designmd.supply

designmd.supplyAgenten & MCPEine Bibliothek von DESIGN.MD-Vorlagen, die KI-Assistenten zu deinem gewünschten Look und deinen Regeln lenken.

getdesign.md

getdesign.mdAgenten & MCPEin interaktiver Generator, der Designregeln erstellt, an die sich KI-Coding-Agenten halten.

design-md.hyperbrowser.ai

Hyperbrowser Design.mdAgenten & MCPErzeugt eine DESIGN.MD-Datei, indem Designregeln direkt aus bestehenden Websites gezogen werden.

aura.build

AuraAgenten & MCPBaut ein strukturiertes Designsystem auf, das KI-Agenten klare Richtlinien für die Arbeit liefert.

neuform.ai

NeuformAgenten & MCPKI-gestütztes Interface-Design, das aus deinen Layouts sauberen, nutzbaren Code erzeugt.

typeui.sh

typeui.shAgenten & MCPEin Kommandozeilen-Tool, das ein Gerüst für typisierte UI-Komponenten erstellt, damit du von einem sauberen Setup aus startest.

webclaw.io

WebclawAgenten & MCPVerwandelt jede Webseite in sauberes, strukturiertes Markdown, das KI-Agenten mühelos lesen können.

ghostex.dev

GhostexAgenten & MCPFührt und koordiniert mehrere Coding-Agent-Sitzungen im Hintergrund gleichzeitig von einem Ort aus.

is-agentic.com

is-agentic.comAgenten & MCPBewertet, wie gut eine bestimmte Website Crawler und automatisierte Agenten unterstützt.

herdr.dev

HerdrAgenten & MCPEin verteilter Runner, der Jobs für deine Coding-Agenten verwaltet und plant.

soubi.vercel.app

SoubiAgenten & MCPEin Compiler, der Agent-Skill-Definitionen in einen nutzbaren Build umwandelt.

agentcn.run

agentcnAgenten & MCPProduktionsreife, anpassbare KI-Agent-Rezepte, die du in ein React-Projekt einfügen kannst.

skills.sh

skillsAgenten & MCPAgent-Skills, die für shadcn-Registries und alltägliche Entwickler-Workflows gebaut sind.

mcpcn.dev

mcpcnAgenten & MCPReact-UI-Komponenten zum Bauen von Oberflächen für ChatGPT-, Claude- und MCP-Apps.

integrations.sh

integrations.shAgenten & MCPEin Repository von API-Integrationsspezifikationen, auf die KI-Agenten zurückgreifen und aufbauen können.

fx.sh

fxAgenten & MCPEin leistungsstarker Coding-Agent, geschrieben in Zig, der über die Kommandozeile läuft.

hyperframes.dev

HyperFramesAgenten & MCPEine Headless-Engine, die HTML ohne sichtbaren Browser in MP4-Video rendert.

foglamp.dev

FoglampAgenten & MCPEin Observability-Tool, das Latenz und Betriebskosten im Blick behält.

distill.id

DistillAgenten & MCPEin KI-Agent, der verstreute Recherchenotizen sammelt und in Ordnung bringt.

agentation.com

AgentationAgenten & MCPVerwandelt UI-Annotationen auf dem Bildschirm in Kontext, auf den KI-Agenten reagieren können.

opencode.ai

OpenCodeAgenten & MCPEin quelloffener KI-Coding-Agent, der in deinem Terminal lebt und über die Kommandozeile arbeitet.

impeccable.style

ImpeccableAgenten & MCPEin Design-Intelligence-Skill, der KI-Agenten ein besseres Gespür für gutes UI vermittelt.

skillsync.com

SkillSyncAgenten & MCPHält deinen Agent-Kontext über die verschiedenen Code-Editoren hinweg synchron, die du nutzt.

getbb.app

bbAgenten & MCPEine quelloffene Entwicklungsumgebung zum Ausführen und Testen von Coding-Agenten.

capacity.so

CapacityAgenten & MCPEin Workspace in natürlicher Sprache, der deine Prompts in Full-Stack-Apps verwandelt.

lafys.com

LafysAgenten & MCPEin prompt-gesteuerter Generator, der einfache Beschreibungen in UI-Komponenten für Builder verwandelt.

efecto.app

EfectoAgenten & MCPEin agent-first visueller Web-Canvas, der sich über MCP mit verbundenen Tools verbindet.

arclabs.space

Arc labsAgenten & MCPEine KI-Karriere-Suite, die technische Probeinterviews durchführt, damit du üben kannst.

scira.ai

SciraAgenten & MCPEine reduzierte, quelloffene KI-Suchmaschine, um Antworten im gesamten Web zu finden.

kombai.com

KombaiAgenten & MCPEin KI-Design-Engineer, der aus dem Kontext, den du ihm gibst, UI-Code schreibt.

causal.so

CausalAgenten & MCPEin KI-gestützter Canvas-Workspace, um Notizen festzuhalten und Pläne zu skizzieren.

Häufige Fragen zu KI-Coding-Agenten und MCP-Server

Die besten KI-Coding-Agents und MCP-Server 2026?

Designeer listet 35 KI-Coding-Agents, MCP-Server und Agent-Skills, jedes mit Live-Vorschau, darunter Dray, Refero und Open Design. Sie geben deinem Coding-Agent besseren Design-Kontext, Geschmack und Tooling für die Frontend-Arbeit.

Was ist ein MCP-Server und warum mit einem KI-Agent nutzen?

Ein MCP-Server (Model Context Protocol) gibt einem KI-Coding-Agent strukturierten Zugriff auf Tools, Daten und Kontext, etwa Design-Referenzen oder Komponenten-Quellen. MCP-Server und Agent-Skills helfen deinem Agent, präziseres, markengerechtes UI zu erzeugen.

Sind diese KI-Agents und MCP-Server kostenlos oder Open Source?

Viele MCP-Server und Agent-Skills sind kostenlos und Open Source, und mehrere Design-Kontext-Tools wie designmd.me sind dafür gemacht, sich in bestehende Agents einzuklinken. Prüf jeden einzeln, da manche gehosteten Dienste kostenpflichtige Tarife für Teams anbieten.