pm-cli in deinem
Browser
pm-web ist die offline-fähige PWA für pm-CLI-Arbeitsbereiche. Sie bietet Benutzeranmeldung, mehrere Projekte, feingranulare Freigaben für Benutzer und Gruppen, Echtzeit-Bearbeitung durch mehrere Nutzer, einen interaktiven Wissensgraphen mit Physiksimulation, Tag-Cluster-Visualisierung, GitHub-verknüpfte Workflows, Ollama-Semantiksuche, Admin-Oberfläche, Import/Export und eine gegen pm CLI 2026.8.10 generierte Benutzeroberfläche.
pm-CLI-Arbeitsbereiche im Browser
pm-web führt echte pm-CLI-Befehle für Projektoperationen in isolierten Projektverzeichnissen aus. Die öffentliche Seite regeneriert Befehls-, Schema-, Guide- und Dokumentdaten aus der neuesten CLI, sodass die öffentliche Referenz der aktuellen Version folgt.
┌─────────────────────────────────────────────────────────────────┐
│ pm-web · My Project ▾ [share] [settings] [log out] │
├──────────────┬──────────────────────────────────────────────────┤
│ │ │
│ Items │ Open Items (12) │
│ Plans │ │
│ ────────── │ T-001 Implement auth middleware [claimed] │
│ Search │ T-002 Add project sharing API [open] │
│ Stats │ T-003 Write migration scripts [in-progress]│
│ Calendar │ T-004 Set up Docker compose [open] │
│ Activity │ P-001 Migrate auth [plan · 3 steps] │
│ Graph │ │
│ GitHub │ › Create · Filter · Sort · ⌘K Search │
│ ────────── │ │
│ Health │ │
│ Admin │ │
└──────────────┴──────────────────────────────────────────────────┘Alles aus pm-cli, ohne Terminal
pm-web wandelt den CLI-Vertrag in eine schnelle PWA-Oberfläche um: Projekt-CRUD, Zusammenarbeit, GitHub-Verknüpfung/Import, Import/Export, Graph-Inspektion, Suche, Health-Checks, Validierung und generierte Befehlsabdeckung.
Benutzeranmeldung
Registriere dich und melde dich mit E-Mail und Passwort an. Sitzungen sind benutzerbezogen. Jedes Konto verwaltet seine eigenen Projekte mit unabhängiger Zugriffsverwaltung.
Mehrere Projekte
Erstelle so viele Projekte wie du benötigst. Jedes Projekt erhält ein dediziertes pm-Workspace-Verzeichnis, isoliert von allen anderen Projekten und mit serverseitiger Zugriffsverwaltung gespeichert.
Projektfreigabe
Gib jedes Projekt an andere registrierte Benutzer oder ganze Gruppen frei. Weise jedem Mitwirkenden Lese- oder Bearbeitungsrechte zu. Entziehe den Zugriff jederzeit.
Gruppenverwaltung
Erstelle Gruppen und füge Mitglieder hinzu, um mehrere Projekte in einem Schritt mit einem Team zu teilen. Gruppenmitgliedsänderungen wirken sich automatisch auf alle freigegebenen Projekte aus.
Volle Item-CRUD
Erstelle, aktualisiere, schließe und lösche die aktuellen pm-Item-Typen: Chore, Decision, Epic, Event, Feature, Issue, Meeting, Milestone, Plan, Reminder, Task. Alle Änderungen laufen über die echte pm CLI und erscheinen im Verlauf.
Abhängigkeiten & Beziehungen
Füge Abhängigkeitsmetadaten zwischen Items hinzu, zeige Blocker aus echten blocked_by-CLI-Feldern an und inspiziere Beziehungsgraphen. Die Graph-Ansicht enthält einen Abhängigkeitsgraph-Modus, der blockierende Kanten filtert und den vollständigen kritischen Pfad hervorhebt.
Interaktiver Wissensgraph
Kraftbasierter Canvas-2D-Graph mit Physiksimulation, Zoom/Pan, ziehbaren Knoten, gerichteten Pfeilen, Blocker-Zählern und kritischen-Pfad-Ringen. Tag-Cluster-Visualisierung gruppiert Knoten nach gemeinsamen Tags mit einstellbaren Tiefenreglern. Wechsle zwischen Graph-Presets (Abhängigkeit, Tag, Typ, Status) mit Tastaturkürzel G. Klicke einen Knoten an, um seine Nachbarn hervorzuheben; doppelklicke, um das Item zu öffnen. Farbcodiert nach Typ, Status oder Tags. Verwendet pm-graph export mit Neo4j wenn installiert, fällt sonst auf Live-pm-Daten zurück.
Task-Lebenszyklus
Der vollständige pm-Task-Lebenszyklus wird in der UI unterstützt: Tasks beanspruchen, freigeben, starten und pausieren. Statusübergänge folgen denselben Regeln wie in der CLI.
Kommentare, Notizen & Learnings
Füge threaded Kommentare, Notizen und Learnings zu jedem Item hinzu und durchsuche sie. Alle Einträge sind zeitgestempelt und inline sichtbar — eine dauerhafte Wissensbasis in jedem Projekt.
Verknüpfte Tests
Hänge Testbefehle direkt im Browser an jedes Item an. Sieh vorhandene verknüpfte Tests und füge neue hinzu — Akzeptanzkriterien und Testabdeckung an einem Ort.
Fristen, Sprints & Releases
Setze Fristen (absolut oder relativ: +1d, +2w), Sprint-Kennungen, Release-Tags, Zuständige und Zeitschätzungen für jedes Item. Filtere dein Board nach einem dieser Felder.
Aktivität & Kalender
Verfolge alle Änderungen im Aktivitätsfeed. Sieh geplante Items in einem Kalender, erkenne überfällige Tasks und navigiere den Verlauf nach Datum.
Suche & Filter
Stichwort-, Semantik- und Hybridsuche über Items. Neue pm-web-Projekte konfigurieren standardmäßig lokales Ollama qwen3-embedding:0.6b für Semantiksuche, vorbehaltlich der Verfügbarkeit des Ollama-Dienstes und Modells.
GitHub-Sync
Verbinde GitHub-Repositories, sieh verknüpften Repository-Kontext und importiere GitHub-Issues in pm-Projekte, ohne die App zu verlassen.
Import & Export
Lade Projektdaten als JSON, CSV oder YAML für Backup oder Übergabe herunter und importiere JSON-Item-Snapshots beim Umzug von Workspaces oder Wiederherstellen des Zustands.
Echtzeit-Projekt-Ereignisse
Servergesendete Projekt-Ereignisse halten Mitwirkende auf dem Laufenden, wenn sich Projektdaten ändern, mit UI-Aktualisierungen für Multi-User-Bearbeitungsabläufe.
Offline-PWA & Mobile
pm-web ist eine Progressive Web App — installiere sie auf Desktop oder Mobile über deinen Browser. Ein Service Worker speichert die App-Shell, sodass die UI offline lädt und navigiert, mit Synchronisation bei wiedergekehrter Verbindung.
Admin-Oberfläche
Website-Administratoren erhalten ein dediziertes Admin-Panel zur Benutzerverwaltung, Projektinspektion, Zugriffsentzug und System-Überwachung — getrennt von projektbezogenen Eigentümer-Steuerelementen.
Projekt-Gesundheit
Eine dedizierte Health-Ansicht zeigt einen 0–100-Gesundheitsscore mit Farbcodierung und einer vollständigen Liste von Problemen: veraltete Items, fehlender Kontext, blockierte Arbeit und mehr.
Massenoperationen
Aktualisiere Felder massenweise über gefilterte Item-Mengen — Status, Zuständige, Priorität, Sprint. Ein dediziertes Bulk-Close-Modal schließt oder storniert ganze Stapel mit erforderlichem Grund, mit einer Probelauf-Vorschau vor dem Anwenden.
Vorlagen & Item-Klonen
Erstelle aus vorgefertigten Vorlagen oder verwende jedes vorhandene Item als Vorlage — Felder sind vorausgefüllt und anpassbar, wodurch wiederkehrende Arbeit schnell ohne Verlassen der UI wird.
Statistiken & Aggregation
Projektstatistiken zeigen offene vs. geschlossene Item-Anzahlen, Geschwindigkeitstrends und Prioritätsverteilungen. Aggregatansichten bieten Governance-fähige Aufschlüsselungen nach Typ und Status.
Tastaturkürzel
Navigiere ohne die Hände zu heben: N um ein Item zu erstellen, / zum Suchen, Ctrl+K für das globale Such-Modal, Esc um jedes Modal zu schließen. In der Graph-Ansicht: Space um Physik zu pausieren/fortzusetzen, F um alle Knoten anzupassen, R um Layout zurückzusetzen, I um Item-Info umzuschalten, G um Graph-Presets zu wechseln.
Kontext & Aggregation
Generiere pm-Kontext und Aggregatansichten direkt im Browser. Perfekt für Standup-Notizen oder um Kontext an einen AI-Agenten zu übergeben.
Pläne für Agenten
Erstelle, prüfe und materialisiere Plan-Items direkt im Browser. Jeder Plan enthält geordnete Schritte mit Schrittstatus (pending, in-progress, blocked, completed). Genehmige einen Plan bevor ein Agent ihn ausführt und materialisiere Schritte dann mit einem Klick in echte pm-Items. Voller Schritt-Lebenszyklus: hinzufügen, abschließen, blockieren, entfernen und Pläne löschen.
Changelog & Release-Notes
Durchsuche das Projekt-CHANGELOG direkt im Browser. pm-web zeigt die Ausgabe von pm changelog als formatierte Release-Notes, damit dein Team Änderungen zwischen Versionen prüfen kann, ohne die App zu verlassen.
Interaktiver kraftbasierter Graph — pm-graph + Neo4j
pm-web rendert einen Canvas-2D-kraftbasierten Graphen mit Physiksimulation (Abstoßung, Federkräfte, Zentrierung) bei 60fps. Zoomen per Scrollen oder Pinch, Pan durch Ziehen des Hintergrunds, einzelne Knoten ziehen zum Neuanordnen und Klicken hebt direkte Nachbarn hervor. Der Abhängigkeitsgraph-Modus filtert nach BLOCKED_BY-, DEPENDS_ON- und BLOCKS-Kanten und hebt die längste Blockerkette als kritischen Pfad hervor. pm-web delegiert den Graph-Export zuerst an pm-graph/Neo4j; falls nicht verfügbar, wird der Graph aus Live-pm-Items, blocked_by, Deps, Tags, Status, Typ, Zuständigem, Sprint und Release-Metadaten erstellt.
| Oberfläche | Generierter Fakt |
|---|---|
| Befehle | pm-graph ping, pm-graph export, pm-graph cypher, pm-graph sync, pm-graph status, pm-graph query, pm-graph neighbors |
| Quellen | parent, deps, dependencies, type, status, assignee, sprint, release, tags |
| Neo4j | Sync verwendet NEO4J_URI, NEO4J_USER oder NEO4J_USERNAME, NEO4J_PASSWORD und optional NEO4J_DATABASE. |
Aus dem aktuellen CLI-Vertrag generiert
Diese Befehlsliste wird aus denselben generierten Daten gerendert, die der Rest der Seite verwendet: pm contracts --json, pm help --json und lokale Guide-Ausgabe von pm CLI 2026.8.10, generiert 2026-08-10T17:05:56.446Z.
Feingranulare Freigaben & Gruppen
Teile Projekte mit einzelnen Benutzern oder ganzen Gruppen. Zwei Berechtigungsstufen geben dir Kontrolle über Lesen und Schreiben.
Leseberechtigung
- ✓ Alle Items und ihre Details durchsuchen
- ✓ Kommentare, Notizen und Learnings lesen
- ✓ Suche, Statistiken, Health und Kontext ausführen
- ✓ Aktivitätsfeed und Kalender ansehen
- — Keine Items erstellen oder ändern
- — Keine Kommentare oder Notizen hinzufügen
Bearbeitungsberechtigung
- ✓ Alles aus der Leseberechtigung
- ✓ Items erstellen, aktualisieren, schließen und löschen
- ✓ Tasks beanspruchen, freigeben, starten und pausieren
- ✓ Kommentare, Notizen und Learnings hinzufügen
- ✓ Abhängigkeiten und Beziehungen verwalten
- — Projektfreigabe-Einstellungen können nicht verwaltet werden
Gruppen ermöglichen es, ein Projekt mit einem ganzen Team in einer Aktion zu teilen. Mitglieder hinzufügen oder entfernen und alle freigegebenen Projekte aktualisieren sofort. Nur der Projekteigentümer kann Freigabeeinstellungen ändern.
Wie pm-web gebaut ist
Ein sauberer, zweckgebauter Stack ohne schwergewichtige Frameworks — nur solide Primitive, die der pm CLI das Steuer überlassen.
| Schicht | Technologie |
|---|---|
| Backend | Express.js + TypeScript — leichtgewichtiger API-Server für Auth, Projektverwaltung und Proxying von CLI-Befehlen an Container. |
| Datenbank | PostgreSQL — speichert Benutzerkonten, Projekte, Freigabebeziehungen und Gruppenmitgliedschaften. Die pm CLI selbst liest/schreibt Dateien, nicht die DB. |
| PM-Runtime | Die echte @unbrained/pm-cli läuft gegen isolierte Projektverzeichnisse. UI-Aktionen werden in pm-CLI-Aufrufe übersetzt und bewahren den CLI-Audit-Trail. |
| Frontend | Vanilla TypeScript, kompiliert zu Browser-JavaScript — kein React- oder Vue-Runtime. Schnelle, abhängigkeitsarme, PWA-fähige UI, die nah am CLI-Modell bleibt. |
| Suche | Lokale Ollama-Embeddings mit qwen3-embedding:0.6b für pm-web-Semantiksuche konfiguriert, plus pm-CLI-Stichwort- und Hybridsuchmodi. |
| Graph | pm-web stellt einen Beziehungsgraphen aus Live-pm-Daten bereit und kann Export/Sync an die pm-graph-Erweiterung delegieren. Neo4j-Sync verwendet NEO4J_URI, NEO4J_USER und NEO4J_PASSWORD. |
| Auth | Sitzungsbasierte Authentifizierung mit bcrypt-Passwort-Hashing. Berechtigungen werden serverseitig bei jeder Anfrage geprüft. |
| Deployment | Docker + Docker Compose. Jedes pm-Projektverzeichnis ist ein Volume-Mount; der pm-CLI-Container wird pro Projekt erzeugt und wiederverwendet. |
pm-web jetzt ausprobieren
Keine Installation nötig. Registriere dich auf pm-web.unbrained.dev, erstelle dein erstes Projekt und beginne in Sekunden mit der Arbeit im Browser.