·ux-flow-designer
*

ux-flow-designer

✓
thomaspraun/ux-flow-designerGitHub: thomaspraun/ux-flow-designerQuelle: thomaspraun/ux-flow-designer

Entwerfen und dokumentieren Sie App-Benutzerabläufe, Bildschirme und Anwendungsfälle mithilfe von Mermaid-Diagrammen und HTML-Wireframes. Wird verwendet, wenn Sie Benutzerflussdiagramme (Flussdiagramme, Zustandsdiagramme, Sequenzdiagramme), Bildschirm-Wireframes (HTML), Anwendungsfalldokumentationen, Bildschirmkarten erstellen oder wenn der Benutzer „Flows“, „Wireframes“, „User Journey“, „Screen Map“, „Navigation Flow“, „Use Cases“, „App Flow“, „Screen Layout“, „Flujos“, „Pantallas“, „Casos de Uso“ erwähnt. Überbrückt Produkt- (PRD) und visuelle Designphasen. Ausgaben dienen als Eingabe für ui-ux-pro-max. Optionaler Figma-Export, wenn der Benutzer dies ausdrücklich anfordert.

thomaspraun·ux·flow·designer
8Installationen·0Trend·@thomaspraun

Installation

GitHub: thomaspraun/ux-flow-designer
$npx skills add https://github.com/thomaspraun/ux-flow-designer --skill ux-flow-designer

So installieren Sie ux-flow-designer

Installieren Sie den KI-Skill ux-flow-designer schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/thomaspraun/ux-flow-designer --skill ux-flow-designer
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: thomaspraun/ux-flow-designer.

SKILL.md

Original anzeigen

Bridge between Product (PRD/features) and Visual Design. Generate user flow documentation, Mermaid diagrams, and HTML wireframes.

Designing app flows involves these steps. ALL four phases are mandatory and must be executed in order.

Read docs/product/prd.md if it exists. If no PRD, ask user for feature list or use case descriptions.

Entwerfen und dokumentieren Sie App-Benutzerabläufe, Bildschirme und Anwendungsfälle mithilfe von Mermaid-Diagrammen und HTML-Wireframes. Wird verwendet, wenn Sie Benutzerflussdiagramme (Flussdiagramme, Zustandsdiagramme, Sequenzdiagramme), Bildschirm-Wireframes (HTML), Anwendungsfalldokumentationen, Bildschirmkarten erstellen oder wenn der Benutzer „Flows“, „Wireframes“, „User Journey“, „Screen Map“, „Navigation Flow“, „Use Cases“, „App Flow“, „Screen Layout“, „Flujos“, „Pantallas“, „Casos de Uso“ erwähnt. Überbrückt Produkt- (PRD) und visuelle Designphasen. Ausgaben dienen als Eingabe für ui-ux-pro-max. Optionaler Figma-Export, wenn der Benutzer dies ausdrücklich anfordert. Quelle: thomaspraun/ux-flow-designer.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/thomaspraun/ux-flow-designer --skill ux-flow-designer
Quelle
thomaspraun/ux-flow-designer
Kategorie
*Kreativität
Verifiziert
✓
Erstes Auftreten
2026-02-22
Aktualisiert
2026-03-11
URL
https://www.learn-skills.dev/de/skills/thomaspraun/ux-flow-designer/ux-flow-designer

Browse more skills from thomaspraun/ux-flow-designer

Schnelle Antworten

Was ist ux-flow-designer?

Entwerfen und dokumentieren Sie App-Benutzerabläufe, Bildschirme und Anwendungsfälle mithilfe von Mermaid-Diagrammen und HTML-Wireframes. Wird verwendet, wenn Sie Benutzerflussdiagramme (Flussdiagramme, Zustandsdiagramme, Sequenzdiagramme), Bildschirm-Wireframes (HTML), Anwendungsfalldokumentationen, Bildschirmkarten erstellen oder wenn der Benutzer „Flows“, „Wireframes“, „User Journey“, „Screen Map“, „Navigation Flow“, „Use Cases“, „App Flow“, „Screen Layout“, „Flujos“, „Pantallas“, „Casos de Uso“ erwähnt. Überbrückt Produkt- (PRD) und visuelle Designphasen. Ausgaben dienen als Eingabe für ui-ux-pro-max. Optionaler Figma-Export, wenn der Benutzer dies ausdrücklich anfordert. Quelle: thomaspraun/ux-flow-designer.

Wie installiere ich ux-flow-designer?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/thomaspraun/ux-flow-designer --skill ux-flow-designer Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/thomaspraun/ux-flow-designer

Details

Kategorie
*Kreativität
Quelle
skills.sh
Erstes Auftreten
2026-02-22

Verwandte Skills

Keine