WEITERE LEKTÜRE
Weiterführende Lektüre zu DeepSeek Harness
Tutorials, Dokumentationen und Anleitungen für das Design mit DeepSeek Harness, wie im veröffentlichten Guide aufgeführt.
DeepSeek Harness 
OpenDesign Mit DeepSeek Harness
in OpenDesign
gestalten.
So gestalten Sie Interfaces mit DeepSeek Harness in OpenDesign: ein wiederverwendbares Konsolenprofil, Skills und Anbieterwahl, eine Admin-Nutzertabelle vom Briefing bis zur geprüften Datei sowie die Grenzen, die Sie vorab kennen sollten.
Vom Briefing zur Oberfläche01 / DeepSeek Harness
SIE BRINGEN DIE IDEE EIN↗
„Eine Admin-Tabelle mit Rollen,
aus einem Profil, das ich wiederverwenden kann.“
DREI WEGE IN DIESEN DEEPSEEK HARNESS GUIDE
Wählen Sie Ihren Einstieg in DeepSeek Harness
DIESER LEITFADEN · UI-DESIGN
Erstellen Sie eine Produktoberfläche mit DeepSeek Harness
Dieser Leitfaden: Briefing, Referenzen, Designregeln und ein überprüftes HTML-Ergebnis.
Diese Anleitung lesen EINRICHTUNGDeepSeek Harness von Grund auf einrichten
Sie benötigen weder Node.js, pnpm noch dsh vorinstalliert. Führen Sie den einzeiligen Installer für Ihr Betriebssystem aus: Er installiert das DeepSeek Harness…
Zum Setup VERGLEICHDeepSeek Harness mit anderen Agents vergleichen
Wie sich DeepSeek Harness von DeepSeek TUI (`deepseek` / `codewhale`), OpenCode und Claude Code für Designarbeit unterscheidet, und wann Sie einen anderen Workflow wählen sollten.
Zum VergleichAuf dieser Seite Beispiel
Eine vollständige Design-Aufgabe mit DeepSeek Harness
Eine DeepSeek-Harness-Design-Aufgabe, vom Briefing zur Oberfläche
Eine einzelne Aufgabe, von Anfang bis Ende gezeigt: das Briefing und die Vorgaben, die Sie übergeben, das Artefakt, das zurückkommt, und die Prüfungen, die Sie vor dem Abschluss noch durchführen. Die Oberfläche unten ist ein illustratives Beispiel, das für diese Seite erstellt wurde, kein aufgezeichneter DeepSeek-Harness-Lauf.
1Design-Briefing und Vorgaben
BriefingGestalten Sie die Nutzerseite einer Admin-Konsole: durchsuchbare Tabelle mit Rolle, Team, Status und letzter Aktivität, Massenaktionen und Paginierung. Verwenden Sie ein wiederverwendbares Profil für die Konsolen-Skill. Desktop und Smartphone.
- Design-SystemOpenDesign Paper Canvas: Albert Sans, ein grüner Akzent
- Breakpoints1440px Desktop und 390px Mobil, kein horizontales Scrollen
- InteraktionenSuche, Filter, Zeilenauswahl, Massenaktionen, Paginierung
- AusgabeEine in sich geschlossene HTML-Datei mit stabilen
data-od-id-Hooks
2Aufgabenverteilung: Sie, DeepSeek Harness und OpenDesign
- Sie
Schreiben Sie das Briefing, wählen Sie das Design-System aus und definieren Sie die Abnahmekriterien.
- DeepSeek Harness
Plant das Layout, schreibt HTML, CSS und JavaScript und überarbeitet es auf Anfrage.
- OpenDesign
Stellt das Design-System und den Skill bereit, rendert die Vorschau und speichert jede Version als Datei im Projekt.
- Prüfung
Visuelle Hierarchie, Abstände im 8px-Raster, beide Breakpoints und jede Interaktion werden vor der Übergabe geprüft.
3DeepSeek Harness Artefakt: Die Admin-Tabelle bei 1440px und 390px
4Überprüfung vor der Übergabe
Layout
Raster und Abstände
Toolbar, Tabelle und Pager auf dem 8px-Raster; Spalten behalten feste Breiten, damit Zeilen nicht springen.
Hierarchie
Visuelle Hierarchie
Name und Rolle zuerst; der Akzent markiert ausschließlich die Owner-Rolle.
Responsive
Mobiles Layout
Die Tabelle wird zu einer Liste mit Name, E-Mail und Rolle; Filter wandern in ein Sheet.
Interaktion
Interaktionsprüfungen
Suchen, nach Rolle filtern, zwei Zeilen auswählen, eine Massenaktion ausführen, eine Seite weiterblättern.
Eignung
Wann DeepSeek Harness zur Aufgabe passt, und wann nicht
DeepSeek Harness passt, wenn
- Projektanweisungen. Laden Sie Marken- und Komponentenregeln aus AGENTS.md oder CLAUDE.md.
- Wiederverwendbare Skills. Verpacken Sie Frontend-Handwerk und Verifikation unter `.dsh/skills` oder `.agents/skills`.
- Anbieterauswahl. Verwenden Sie das reine Text-DeepSeek für Code-/Spezifikationsarbeiten und eine bildfähige Route für Screenshots.
- Zusammensetzbare Profile. Erstellen Sie eine fokussierte Laufzeitumgebung aus den Tools, Richtlinien und UI-Plugins, die der Workflow benötigt.
Wählen Sie einen anderen Workflow, wenn
- Sie benötigen bearbeitbare Vektordateien. Das Artefakt ist HTML, kein bearbeitbares Design-Dokument. Prüfen Sie einen separaten Vektor-Workflow für Ihr benötigtes Asset-Format.
- Sie haben weder Referenz noch Vorgaben. Ohne Designsystem oder Beispiele tendiert die Ausgabe zu einem generischen Look; schreiben Sie zuerst das Briefing.
- Sie verfügen nicht über die Zugangsdaten, die dieser Agent benötigt. Erforderlich: ein DeepSeek-API-Key oder andere konfigurierte Anbieter-Zugangsdaten. OpenDesign stellt keine Zugangsdaten bereit und leitet sie nicht weiter.
- Ihr Team arbeitet mit DeepSeek oder Reasonix. Diese Agents haben eigene Seiten; der Workspace ist derselbe, die Einrichtung unterscheidet sich. Siehe verwandte Agents.
Kompatibilität
DeepSeek Harness Voraussetzungen vor dem Start
Dieser Leitfaden behandelt DeepSeek Harness, wie es über die OpenDesign-Desktop-App verbunden wird. Veröffentlichte Referenzen geprüft am 6. September 2026.
Tool-UmfangDeepSeek Harness, von DeepSeek AI
DeepSeek Harness (`dsh`) ist der offizielle Open-Source-Agent-Harness von DeepSeek AI. Seine lokale Web-UI und der Headless-Runner setzen Modelle, Tools, Sitzungen, Berechtigungen, Dateisysteme, Skills, Subagents und UI als Cordis-Plugins zusammen. Diese Seite behandelt das Gestalten von Oberflächen mit DeepSeek Harness über OpenDesign, nicht die eigene Oberfläche von DeepSeek Harness. Die Setup-Hinweise von OpenDesign listen die verfügbaren Agents auf.
Konten und AuthentifizierungDeepSeek API-Schlüssel oder anderer konfigurierter
DeepSeek API-Schlüssel oder eine andere konfigurierte Provider-Anmeldeinformation. Öffnen Sie Einstellungen → Modelle & Provider → Local CLI in OpenDesign und scannen Sie erneut. Diese Seite verspricht kein Kontingent und keinen Preis.
System und VersionenDesktop-App oder Quellcode
Prüfen Sie die Download-Seite auf Desktop-Builds. Die Node.js- und pnpm-Anforderungen im Quickstart der Quelle gelten für die Ausführung aus dem Quellcode, nicht für die Installation eines Desktop-Pakets. Mindestens kompatible DeepSeek Harness-Version: hier nicht verifiziert.
VerbindungsprüfungDas Erfolgssignal
Folgen Sie den Verbindungsanweisungen Ihrer installierten Version und führen Sie dann eine kleine Aufgabe aus. Bestätigen Sie, dass DeepSeek Harness sie bearbeitet hat und dass sich das Artefakt öffnet. Ein Download allein stellt noch keine funktionierende Verbindung her.
Mit der Desktop-App beginnen
DeepSeek Harness Einrichtung in drei Schritten
Laden Sie zuerst herunter, schließen Sie das DeepSeek Harness-Setup für Ihre installierte Version ab und prüfen Sie dann ein kleines Ergebnis. Sie müssen OpenDesign nicht aus dem Quellcode bauen, um diesem Weg zu folgen.
- 1
Die OpenDesign-Desktop-App herunterladen
Wählen Sie das Paket für Ihren Computer, installieren Sie es und öffnen Sie die App.
OpenDesign herunterladenMEILENSTEINDie Desktop-App öffnet sich. Bereits installiert? Fahren Sie mit dem nächsten Schritt fort; ein erneuter Download ist nicht erforderlich. - 2
Bereiten Sie Ihre DeepSeek Harness-Verbindung vor
Folgen Sie den DeepSeek Harness-Anweisungen in Ihrer installierten Version. Öffnen Sie Einstellungen → Modelle & Provider → Local CLI in OpenDesign und scannen Sie erneut.
deepseek-ai/deepseek-harnesscurl -fsSL 'https://open-design.ai/install-dsh.sh?version=1' | shAus den DeepSeek Harness-Setup-Hinweisen im veröffentlichten Leitfaden; prüfen Sie die Anbieterdokumentation für den aktuellen Befehl.
MEILENSTEINBestätigen Sie den vorgesehenen Agent und das Konto. Ist er nicht verfügbar, prüfen Sie die Kompatibilität, bevor Sie eine größere Aufgabe versuchen. - 3
Führen Sie eine kleine DeepSeek Harness-Aufgabe aus
Verwenden Sie ein kleines Briefing, damit Sie den gesamten Ablauf beurteilen können, einschließlich einer Überarbeitung.
Start-BriefingErstellen Sie einen Einstellungsbildschirm mit einem Profilformular und einer Speicherbestätigung. Verwenden Sie meine Designregeln. Prüfen Sie ihn bei Desktop- und Mobilbreiten.
MEILENSTEINÖffnen Sie das Ergebnis, testen Sie den Speicherstatus und fordern Sie eine konkrete Änderung an. Eine generierte Datei ist der Beginn der Überprüfung, nicht das Ende.
Um OpenDesign aus dem Quellcode auszuführen, folgen Sie stattdessen dem technischen Schnellstart.
Der DeepSeek Harness Design-Workflow
Der DeepSeek Harness Design-Workflow in fünf Schritten
Dieselbe Admin-Tabellen-Aufgabe, verfolgt vom Briefing bis zur verifizierten Datei. Jeder Schritt listet auf, was Sie bereitstellen, was DeepSeek Harness macht, was OpenDesign beiträgt und was Sie prüfen.
- 1
Design-Briefing
Klare Sprache, drei bis sechs Zeilen. Benennen Sie die Zielgruppe, die Aufgabe des Screens und die Plattformen.
- SieSchreiben Sie das Briefing; hängen Sie einen Referenz-Screenshot an, falls vorhanden.
- DeepSeek HarnessLiest das Briefing und die Anweisungsdatei des Projekts; fragt nach, wenn etwas unklar ist.
- OpenDesignStellt das Projekt, die Prompt-Oberfläche und das Skill für den Artefakttyp bereit.
- PrüfenStellen Sie sicher, dass das Briefing die Abnahmekriterien enthält. Diese jetzt hinzuzufügen ist günstiger als nach der Generierung.
- 2
Design-Vorgaben
Ein Design-System und ein paar feste Regeln. Das unterscheidet markenkonforme Ergebnisse von einem generischen Look.
- SieWählen Sie ein Design-System; legen Sie Breakpoints und verbindlich zu verwendende Komponenten fest.
- DeepSeek HarnessLädt die DESIGN.md-Tokens und Haltungsregeln in den Kontext, bevor eine Zeile geschrieben wird.
- OpenDesignLiefert die Design-System-Bibliothek und bindet das ausgewählte System in die Skill-Vorlage ein.
- PrüfenDie Token entsprechen Ihrer Marke. Ein Akzent, die richtigen Schriften, der richtige Radius.
- 3
Die Oberfläche generieren
DeepSeek Harness schreibt eine eigenständige HTML-Datei: Layout, Styles, Interaktionen und stabile Hooks.
- SieWarten Sie, oder beantworten Sie eine Rückfrage. Nichts zu konfigurieren.
- DeepSeek HarnessPlant die Abschnitte, schreibt HTML, CSS und JavaScript, führt die Datei aus und behebt Fehler.
- OpenDesignSpeichert das Artefakt im Projektordner und indexiert es für die Vorschau.
- PrüfenNoch nichts. Beurteilen Sie die Datei nach dem Rendern, nicht anhand des Quellcodes.
- 4
Vorschau
Die Datei wird innerhalb von OpenDesign in den angeforderten Breiten dargestellt. Hier wird das Design beurteilt.
- SieWechseln Sie zwischen Breiten, klicken Sie sich durch die Interaktionen, hinterlassen Sie Kommentare zu Elementen.
- DeepSeek HarnessLiest Ihre Kommentare zur Vorschau und bereitet die nächste Überarbeitung vor.
- OpenDesignRendert die Vorschau, stellt
data-od-id-Ziele für Kommentare und Änderungen bereit. - PrüfenHierarchie, Kontrast, Überlauf bei 390px, Fokuszustände und ob der Akzent sparsam eingesetzt wird.
- 5
Überarbeiten und Verifizieren
Fordern Sie Änderungen an, indem Sie auf Elemente in der Vorschau zeigen. Jede Überarbeitung ist eine neue Datei; nichts wird stillschweigend überschrieben.
- SieVerwandeln Kommentare in Anfragen; entscheiden, wann die Aufgabe abgeschlossen ist.
- DeepSeek HarnessWendet die Änderungen direkt an und führt die Datei erneut aus.
- OpenDesignBehält Versionen nebeneinander; exportiert ein Bild oder das HTML, wenn Sie fertig sind.
- PrüfenNur den geänderten Bereich erneut prüfen, dann die gesamte Seite einmal bei jedem Breakpoint.
Ressourcen
DeepSeek Harness Design-Ressourcen
Skills Skills durchsuchen Design-Systeme Systeme durchsuchen Vorlagen Vorlagen durchsuchen Plugins Plugins durchsuchen
Design Skills
Die Artefakttypen, die DeepSeek Harness in OpenDesign erzeugen kann, jeweils ein Skill pro Typ.
Design Systems
Marken-Tokens und Komponenten, die Sie binden müssen, bevor DeepSeek Harness etwas generiert.
Vorlagen
Ausgangspunkte für Decks, Landingpages und Produktbildschirme.
DeepSeek Harness Design-Plugins
Für die Harness vorbereitete Design-Plugins mit eigenen Einrichtungshinweisen.
Einschränkungen
Einschränkungen, manuelle Prüfungen und Fallbacks für DeepSeek Harness
- UmfangDiese Seite behandelt DeepSeek Harness als mit OpenDesign verbundenen Agent, nicht jede Funktion von DeepSeek Harness.
- NutzungslimitsNutzungslimits und Kosten richten sich nach der verwendeten Zugangsdaten (DeepSeek API-Key oder eine andere konfigurierte Provider-Zugangsdaten). Diese Seite macht keine Aussage über kostenlose Kontingente.
- NetzwerkLokale Projektdateien bedeuten nicht, dass die Inferenz offline erfolgt. Prüfen Sie die Anbietereinstellungen und Datenrichtlinien Ihres Agents, bevor Sie sensible Eingaben teilen.
- Ausgabe ist HTMLArtefakte sind HTML-Dateien, keine Vektor-Designdateien.
- Manuelle ÜberprüfungBarrierefreiheit, echte Inhalte, Markenkonformität und korrekte Interaktionen werden von Ihnen in der Vorschau geprüft. Betrachten Sie jede Selbstprüfung des Agents als ersten Durchgang.
- FallbackWenn der Agent nicht verfügbar ist oder eine Aufgabe fehlschlägt, prüfen Sie die Verbindungsanleitung und Authentifizierung der installierten Version. Bewahren Sie den Fehler und das letzte funktionierende Artefakt auf, bevor Sie die Konfiguration ändern.
FAQ
Häufige Fragen zu DeepSeek Harness und OpenDesign
Was ist DeepSeek Harness?
DeepSeek Harness (`dsh`) ist der offizielle Open-Source-Agent-Harness von DeepSeek AI. Er verbindet Modelle, Tools, Kontext, Sitzungen, Richtlinien, Orchestrierung und UI über einen Cordis-Plugin-Baum. Die öffentliche Version ist derzeit eine Developer-Preview unter der MIT-Lizenz.
Wie installiere und starte ich DeepSeek Harness?
Führen Sie den einzeiligen Installer für Ihr Betriebssystem aus — macOS/Linux: `curl -fsSL 'https://open-design.ai/install-dsh.sh?version=1' | sh` (die Einzeiler für PowerShell und CMD finden Sie im obigen Einrichtungsabschnitt). Vorinstalliertes Node.js, pnpm oder dsh ist nicht erforderlich, und `sudo` wird nicht benötigt. Der Installer öffnet am Ende `dsh web`; klicken Sie sich durch den Preview-Hinweis und speichern Sie ausschließlich den API-Key selbst unter Settings → Models → DeepSeek → API Key. Bestätigen Sie, dass Provider und Modell funktionieren, beenden Sie die Web UI mit `Ctrl+C`, installieren Sie OpenDesign 0.19.1 oder neuer, scannen Sie Local CLI Agents erneut, verbinden Sie die Harness-Karte und klicken Sie auf Test.
Überschreibt der Installer mein vorhandenes Node.js?
Nein. Wenn Umgebungen fehlen, installiert er ein isoliertes Node.js- und DeepSeek-Harness-Toolchain innerhalb Ihres Benutzerverzeichnisses; er verändert nicht das System-Node.js und ersetzt keine Versionen, die andere Projekte verwenden. Wenn Sie bereits kompatible Node.js-, pnpm- und dsh-Versionen haben, erkennt und nutzt der Installer diese, statt sie erneut herunterzuladen.
Das Terminal findet Dsh nach der Installation nicht – was tun?
Öffnen Sie zunächst ein neues Terminalfenster. OpenDesign durchsucht die gängigen Tool-Verzeichnisse auf Benutzerebene selbst, sodass Sie den PATH in der Regel nicht bearbeiten müssen; falls OpenDesign bereits geöffnet ist, gehen Sie zur Seite Local Agent und klicken Sie auf Rescan. Schlägt die Erkennung weiterhin fehl, prüfen Sie, ob der Installer im letzten Bildschirm gemeldet hat, dass DeepSeek Harness bereit ist, und teilen Sie diese Ausgabe zusammen mit der Testmeldung von OpenDesign, wenn Sie Support anfordern.
Ist DeepSeek Harness ein offizielles DeepSeek-Projekt?
Ja. Das Repository wird unter der GitHub-Organisation `deepseek-ai` veröffentlicht und beschreibt dsh als einen von DeepSeek AI entwickelten Agent-Harness. Es ist MIT-lizenziert und ausdrücklich als Developer Preview gekennzeichnet.
Starten Sie eine erste Design-Aufgabe mit DeepSeek Harness
Beginnen Sie mit einer kleinen Aufgabe, bewerten Sie den Ablauf, und bringen Sie dann das eigentliche Briefing ein. Wählen Sie die Option, die zu Ihrem Setup passt; die Seite erkennt dies nicht automatisch.