Der ProCoders AI-Native Stack: Tools nach Produktphase
Der ProCoders AI-native Stack ist das praxiserprobte, meinungsstarke Toolset, das wir tatsächlich in Projekten installieren und betreiben – geordnet danach, wo jedes Tool in den Produktzyklus passt: Coding, Browser-Automatisierung, Produkt, Design, SEO/GEO, Anti-KI-Textstil und sprachbasierte Eingabe. Jedes Tool hat einen Typ (Skill, MCP, Plugin oder App), eine klar definierte Aufgabe und eine Priorität.
Was dieser Stack ist (und was nicht)
Dies ist der praktische Stack, den ProCoders tatsächlich empfiehlt – die Tools, die wir in echten Projekten installieren und betreiben – aufgelistet nach ihrer Position im Produktzyklus. Er ist die konkrete Umsetzung unserer 17 AI-native Skills und der Motor hinter den L1-bis-L7-Stufen: Die Skills definieren was ein AI-nativer Entwickler tut; dieser Stack zeigt wie wir es umsetzen.
Er unterscheidet sich bewusst von einem „beste Tools"-Listicle. Wer den breiten, nach Stufen geordneten Überblick über Coding-Agenten möchte, findet ihn in unserem tiefen Tauchgang zu Coding-Tools nach Stufe. Was folgt, ist enger gefasst und ehrlicher: eine interne Empfehlung mit Typen, Aufgaben und Prioritäten – kein Marktüberblick. Jedes Tool hier würden wir morgen in ein Projekt aufnehmen.
Die Prioritätsbezeichnungen meinen genau das, was sie sagen. Unverzichtbar ist nicht verhandelbar für die jeweilige Stufe; empfohlen ist das, was wir als nächstes hinzufügen würden; optional ist situationsabhängig. Typen sind Skill / MCP / Plugin / App (ein fertiges Produkt). Stern-Angaben, wo vorhanden, sind ungefähre Reifegrad- und Adoptionsindikatoren, keine exakten Zahlen.
Coding
Der Kernkreislauf: agentisches Framework, aktuelle Dokumentation, strukturelle Suche.
| Tool | Type | Was es bringt | Priorität |
|---|---|---|---|
| Superpowers | Plugin / Skills | Agentisches Basis-Framework: TDD, Planung, Debugging, Review, Verifikation. | unverzichtbar |
| Superpowers-V (von ProCoders) | Plugin | Unser Fork/Overlay: phasierter Workflow, Code-Archäologie, parallele Dispatch, Context7-Validierung. | unverzichtbar |
| ECC | Plugin / Orchestrator | Harness-natives Operator-System für Claude Code, Codex und Cursor: die orch-*-Orchestrator-Familie, Subagenten, Skills, Hooks und Session-Memory. v2 installieren und mit dem Hermes-Operator-Layer verbinden. | empfohlen |
| Context7 | MCP | Aktuelle Bibliotheks-Dokumentation direkt in den Kontext – eliminiert veraltete, deprecated Lösungen. ~54k★ (approx). | unverzichtbar |
| ast-grep + skill | CLI + Skill | Strukturelle Code-Suche über den AST, nicht per Text: „finde jedes async ohne Fehlerbehandlung." | empfohlen |
| skill-creator | Skill | Eigene Skills erstellen – wiederkehrende Arbeit in ein wiederverwendbares Harness umwandeln (Skill #7). | empfohlen |
Browser-Automatisierung
Den Agenten einen echten Browser steuern lassen – für Navigation, Prüfungen und E2E.
| Tool | Type | Was es bringt | Priorität |
|---|---|---|---|
| axi | App / Browser | Schneller, agentenoptimierter Browser, spart Tokens. | empfohlen |
| dev-browser | Tool | Browser-Umgebung für agentengesteuerte Entwicklung. | optional |
| Playwright MCP | MCP | Agentengesteuerter Browser: Navigation, Klicks, UI-Prüfungen, E2E. | empfohlen |
Produkt
Die Produkt-/Marketing-Schicht, die funktionsübergreifende L7-Arbeit antreibt.
| Tool | Type | Was es bringt | Priorität |
|---|---|---|---|
| marketingskills | Skills | CRO, Texterstellung, SEO, Analytics, Wachstum – die Produkt-Marketing-Schicht für L7. | empfohlen |
| premortem-skill (von ProCoders) | Skill | Plan oder Entscheidung stresstest: „Annahme: wir sind gescheitert" → Fehlerursachen frühzeitig sichtbar machen (Skill #5). | empfohlen |
Design
Vom PRD zum Layout, plus Agenten-Zugriff auf Design-Dateien.
| Tool | Type | Was es bringt | Priorität |
|---|---|---|---|
| Claude.ai/design | App | Hocheffektive Design-Vorbereitung: PRD → vollständiges Layout; bestehende Apps neu gestalten und verbessern. | empfohlen (dringend) |
| Figma MCP | MCP | Agenten-Zugriff auf Figma: Mockups lesen/zusammenstellen, Design-Tokens. | empfohlen |
| OpenDesign | Tool | Offenes Design-Toolkit für agentisches UI/UX. | optional |
SEO / GEO
Den Agenten sowohl für klassische Suche als auch für KI-Antwort-Engines schreiben lassen.
| Tool | Type | Was es bringt | Priorität |
|---|---|---|---|
| claude-seo | Skill | SEO-Optimierung, auf Claude abgestimmt – schärfer und vollständiger. | unverzichtbar |
| geo-seo-claude | Skill | GEO/SEO als weichere Alternative zu claude-seo. | optional |
| DataForSEO MCP | MCP | Echte SEO-Daten (Rankings, Keywords, SERPs) in den Agenten-Kontext. | empfohlen |
Avoid AI Writing
KI-Schreibmuster aus generiertem Text entfernen, bevor er veröffentlicht wird.
| Tool | Type | Was es bringt | Priorität |
|---|---|---|---|
| humanizer | Skill | Entfernt KI-Schreibmuster (33 Muster). Eines der beliebtesten – ~24k★ (approx). | empfohlen |
| avoid-ai-writing | Skill | Eine solide Alternative – funktioniert wirklich, auch wenn weniger gehyped. | optional |
Eingabe / Voice-first (Diktat)
Sprache statt Tastatur. Tippen ist eine versteckte Zeitfalle, die die meisten einfach ignorieren. Das ideale Muster: Der Entwickler diktiert das Ticket, die Anfrage oder den Gedankenstrom, und die KI ordnet und strukturiert ihn. Es ist schneller, und es beseitigt die „zu faul, um es ausführlich einzutippen"-Hürde. Es stützt direkt die L7-Idee des Direktors, nicht des Coders: Sprache ist die natürliche Schnittstelle für Orchestrierung.
| Tool | Type | Was es bringt | Priorität |
|---|---|---|---|
| superwhisper | App | Diktat mit Offline-Modellen, für Offline-Nutzung kostenlos. Persönliche Empfehlung. | empfohlen |
| handy | App | Kostenloses Diktat. | empfohlen |
| Apple Dictation | App (eingebaut) | macOS-Diktat von Haus aus, aber in der Qualität grundlegend. | optional |
Voice-first ist ab L3 Pflicht
Das ist kein Nice-to-have. Der KPI: ≥80 % aller langen Anfragen und Tickets werden diktiert, nicht getippt. Und es wird ab Middle (L3) zur Pflicht – ab dieser Stufe spart Diktat so viel Zeit, dass es nicht mehr optional bleibt. Einen ungeordneten Gedankenstrom zu diktieren und den Agenten strukturieren zu lassen ist schneller als einen sauberen einzutippen, und es ist der natürlichste Weg, eine Agenten-Flotte zu steuern.
Lücken, die wir schließen (Kandidaten für den Stack)
Nach dem Scannen der führenden Tools füllen diese eine echte Skill-Lücke, anstatt den Stack aufzublähen:
| Tool | Type | Status | Warum |
|---|---|---|---|
| Supabase / Postgres MCP | MCP | wird aufgenommen | Agent schreibt und führt SQL aus, liest das Ergebnis – für DB-gestützte Projekte (Skill #2). Funktioniert in den meisten Fällen gut. |
| Sentry / logs MCP | MCP | wünschenswert | Zugriff auf Prod-/Staging-Fehler und Logs – „vom Tray zum Fix" für systematisches Debugging und Verifikation (Skills #9, #15). |
| tdd-guard | Skill / Hook | empfohlen | Hartes TDD-Enforcement: blockiert Code ohne fehlschlagenden Test (Skill #9). Ergänzt Superpowers. |
| — | nicht benötigt | PRs/Issues/Repo-Arbeit wird durch die GitHub CLI (gh) abgedeckt – ein separates MCP ist nicht erforderlich. |
Die Kandidatenliste halten wir bewusst kurz: Wir fügen ein MCP oder einen Skill nur für eine echte Lücke in einem Skill hinzu, nicht „nur für den Fall."
Die breitere Landschaft (Marktführer nach Adoption)
Unabhängig von unserem meinungsstarken Stack oben: Hier ist die breitere OSS-Landschaft, aus der wir schöpfen – die meistbesternten, ausgereiftesten Tools, die auf unser Skill-System abbilden. Sternzahlen sind ungefähr und ändern sich mit der Zeit; sie sind als Reifesignal zu verstehen, nicht als Rangliste. Das Auswahlprinzip: Offizielles zuerst (Anthropic + unsere eigenen procoders/*), dann Marktführer nach Adoption, und immer Kompatibilität mit unserem Stack prüfen, bevor etwas aufgenommen wird.
Basis-Frameworks (zuerst installieren).
- obra/superpowers (~225k★ approx) – das hauptsächliche agentische-Skills-Framework: TDD, Planung, Brainstorming, Debugging, Verifikation, Code-Review, Subagenten, Worktrees. Im offiziellen Anthropic-Marketplace. github
- anthropics/claude-code-skills (offiziell) – Anthropics offizieller, geprüfter Skills-Index (brainstorming, test-driven-development, systematic-debugging). Der Qualitätsmaßstab. github
Orchestrierung / Subagenten / Worktrees.
- ruvnet/ruflo (ex claude-flow, ~59k★ approx) – Meta-Harness für Agenten-Schwärme: Schwarm-Koordination, Memory, autonome Workflows auf Claude Code. Das am meisten adoptierte Multi-Agenten-OSS-Projekt von 2026. github
- wshobson/agents (~37k★ approx) – 192 spezialisierte Subagenten über 84 Plugins (Researcher, Reviewer, Tester, Security und mehr). Ein Multi-Harness-Marketplace. github
- affaan-m/ecc (v2, MIT) — harness-natives Operator-System: eine orch-*-Orchestrator-Familie, Dutzende Subagenten, wiederverwendbare Skills, Hooks und persistente Memory über Claude Code, Codex, Opencode und Cursor hinweg. Wir empfehlen die v2-Linie, verbunden mit dem Hermes-Operator-Layer. github
Verifikation / Review.
- nizos/tdd-guard (beliebt) – automatisches TDD-Enforcement: blockiert das Schreiben von Code ohne fehlschlagenden Test. Funktioniert mit Claude Code, Codex, Copilot, jeder Sprache/Runner. github
- Anthropic Code Review (offizielles Plugin) –
/code-reviewauf einem PR-Branch: analysiert Änderungen, bewertet Issues, kommentiert automatisch auf GitHub. claude.com/plugins/code-review
Planung / Recherche.
- superpowers
brainstorming/writing-plans(~225k★ approx) – der strukturierte Pre-Implementierungs-Zyklus: Kontext recherchieren, planen, Risiken einschätzen. github - procoders/premortem-skill (unser) – Plan-Stresstest: „Annahme: wir sind gescheitert" → Fehlerursachen werden vorab sichtbar. Claude/Codex/Cursor. github
- Deep-Research-skills / DAG deep research (OSS) – zerlegt eine Frage in einen Abhängigkeitsgraphen, führt parallele Subagenten aus, schreibt einen belegten Bericht. github
Artefakte / Demo.
- Anthropic eingebaut
pptx/docx/xlsx/pdf(offiziell) – fertige Artefakte direkt aus dem Agenten generieren (Präsentationen, Docs, Tabellen, PDFs). - procoders/claude-ui-recorder (unser) – gebrandetes UI-Video-Demo: aufnehmen → erzählen → rendern →
demo.mp4. github - Remotion skills (OSS) – programmatische Videogenerierung aus Code.
npx skills add remotion-dev/skills. remotion.dev - NotebookLM (Google) – erzählter Audio-Überblick / interaktiver Bericht aus Ihren Materialien.
Kuratierte Listen (zum Finden eigener Tools). hesreallyhim/awesome-claude-code (~37k★ approx), rohitg00/awesome-claude-code-toolkit (135 Agenten, 35 Skills, 176+ Plugins), travisvn/awesome-claude-skills, ComposioHQ/awesome-claude-skills.
Wo anfangen
All das installiert man nicht auf einmal – man fügt Tools hinzu, während man die Stufen erklimmt. Das Minimum für agentisches Arbeiten ist die Coding-Zeile plus Voice-first; alles andere kommt, sobald die jeweilige Stufe es verlangt. Finden Sie Ihre Stufe in 3 Minuten und Sie wissen genau, welche Zeilen dieses Stacks Sie als nächstes einsetzen sollten.
FAQ
- Was ist das Minimum, um zu starten?
- Die Coding-Zeile plus sprachbasierte Eingabe. Konkret: Superpowers (das agentische Framework) und Context7 (aktuelle Bibliotheks-Dokumentation in den Kontext), gesteuert per Diktat (superwhisper oder handy) statt Tippen. Das ergibt einen echten agentischen Kreislauf – planen, bauen, verifizieren – mit aktueller Dokumentation und einer schnellen Eingabemethode. Alles andere (Browser-Automatisierung, Design, SEO, die breitere Landschaft) kommt schichtweise hinzu, sobald Stufe und Projekt es verlangen. Installieren Sie nicht alles am ersten Tag; fügen Sie ein Tool nur hinzu, wenn ein Skill es braucht.
- Skill vs. MCP vs. Plugin vs. App – wo ist der Unterschied?
- Ein Skill ist eine verpackte Fähigkeit, die dem Agenten einen Workflow beibringt (z. B. claude-seo, humanizer, skill-creator). Ein MCP ist ein Model Context Protocol-Server, der den Agenten mit einer Live-Datenquelle oder einem Tool verbindet (z. B. Context7 für Docs, Figma MCP, DataForSEO MCP, Supabase/Postgres MCP). Ein Plugin bündelt Skills und Konfiguration in eine installierbare Einheit (z. B. Superpowers, Superpowers-V). Eine App ist ein fertiges, eigenständiges Produkt, das man neben dem Agenten betreibt (z. B. superwhisper, axi, Claude.ai/design). In diesem Stack sagt die Typ-Spalte jedes Tools, welches es ist.
- Brauche ich all diese Tools?
- Nein. Das ist ein meinungsstarkes Menü, geordnet nach Produktphase und Priorität – keine Checkliste. Unverzichtbare Elemente (Superpowers, Context7, claude-seo) bilden den Kern; empfohlene und optionale Elemente kommen nach Bedarf hinzu. Tools werden hinzugefügt, während man die Stufen erklimmt – ein Entwickler auf Stufe 3 braucht den Coding-Kern und Voice-first; Browser-Automatisierung, Design und Multi-Agenten-Orchestrierung werden ab Stufe 4 aufwärts relevant. Ein MCP oder Skill kommt für eine echte Lücke in einem Skill – niemals 'nur für den Fall'.
- Was ist der Unterschied zu Ihrer 'besten KI-Coding-Tools'-Seite?
- Diese Seite zeigt den praktischen Stack, den ProCoders tatsächlich installiert und betreibt, geordnet nach der Position jedes Tools im Produktzyklus, mit Typen und Prioritäten. Der tiefe Tauchgang nach Coding-Tools-nach-Stufe unter /agentic-coding-tools ist ein breiterer, nach Reife geordneter Überblick über Coding-Agenten, zugeordnet zu Stufen. Denken Sie an diese Seite als unsere interne Empfehlung und an jene als den Marktüberblick. Sie ergänzen sich.
- Warum ist Diktat ab Stufe 3 Pflicht?
- Tippen ist eine versteckte Zeitfalle, und ab Middle (L3) sind die Einsparungen zu groß, um sie optional zu lassen. Das Muster: Ticket, Anfrage oder Gedankenstrom diktieren und den Agenten strukturieren lassen – schneller als sauber eintippen, und es beseitigt die 'zu faul, um es ausführlich zu schreiben'-Hürde. Der KPI ist ≥80 % aller langen Anfragen und Tickets diktiert statt getippt. Es ist auch die natürliche Schnittstelle für die L7-Arbeitsweise als 'Direktor, nicht Coder': Sprache ist die Art, wie man eine Agenten-Flotte orchestriert. Tools: superwhisper oder handy.