Das Dokument verwendet die ChatGPT Demonstration, Code zur Dokumentenerstellung Bitte passen Sie die Software an, um das Bild selbst zu exportieren.
Das Flussdiagramm zur Generierung von Prompt-Wörtern bietet eine schnelle visuelle Zusammenfassung der mühsamen Arbeit und ermöglicht es, die Generierung von Artikeln mit benutzerfreundlicheren grafischen Elementen zu versehen.

Verwandte Tools.

1) Mermaid ist eine JavaScript-Bibliothek zur Erstellung von Flussdiagrammen, Zeitdiagrammen, Klassendiagrammen usw.

2 Mindmap ist ein Werkzeug zur Erstellung von konzeptionellen Diagrammen, die häufig in Mindmapping-, Mindmapping- und Brainmapping-Szenarien verwendet werden.

3. graphvizDOT ist ein Werkzeug zur Erstellung von Flussdiagrammen, Zustandsübergangsdiagrammen, Organisationsdiagrammen, Zeitdiagrammen und mehr, das Knoten und Kanten zur Darstellung von Beziehungen und reichhaltige Layout-Optionen zur Steuerung des Erscheinungsbildes des Diagramms verwendet.

Flussdiagramm generieren

Hinweis

mermaid

Tortendiagramme: Verwenden Sie das Schlüsselwort pie, das später noch ausführlicher behandelt wird.

Flussdiagramm: Verwenden Sie das Schlüsselwort graph, auf das später noch näher eingegangen wird.

Sequenzdiagramme: Verwendung des Schlüsselworts sequenceDiagram

Gantt-Diagramm: Verwendung des Schlüsselworts gantt

Klassendiagramme: Verwenden Sie das Schlüsselwort classDiagram

Zustandsdiagramme: Verwendung des Schlüsselworts stateDiagram

User Journey Mapping: Verwendung des Schlüsselworts Journey

Erste Schritte Beispiel

#### Wie man mit chatGPT Mermaid Plot-Ausdrücke erzeugt
Das Kernstück ist ein zweistufiger Prozess, bei dem zum einen die benötigte Prozessbeschreibung aus der Eingabeaufforderung und zum anderen der Prozessnixenausdruck aus der Eingabeaufforderung generiert wird.
Allgemeiner Tipp:
Rolle: Sie sind Experte für `***'
Aufgabe 1: `***`-Szenario, wie läuft der gesamte Prozess ab, geben Sie einen konkreten Interaktionsablauf an
Aufgabe 2: Schreiben Sie den obigen Prozess erneut in der Mermaid-Syntax

#### z.B. Flussdiagramme mit Diagrammen
Öffnen Sie diagrams.net (https://app.diagrams.net/) Kopieren Sie den Mermaid-Syntax-Flussdiagramm-Code in Advanced, um das Flussdiagramm zu erstellen.

Flussdiagramm generieren

“`mermaid
graph TD;
A[Benutzer] -> B[Browser].
B -> C [DNS-Server].
C -> D [lokaler Cache].
D -> |cache misses| E[DNS-Auflösung].
E -> F [DNS-Server].
F -> G [IP-Adresse ermitteln].
B -> H[Webserver].
H -> I[TCP-Verbindungsanfrage].
I -> J [Webserver].
J -> K [HTTP-Anfrage].
K -> L[Anforderungsmethode, Anforderungskopf, Anforderungskörper].
J -> M [Bearbeitungsauftrag].
M -> |Vorhandene Ressource| N [Antwortnachricht zurückgeben];
N -> O[Antwortstatuscode, Antwortkopf, Antwortkörper].
B -> P[Browser parst gerenderte Seite].
O –> P;
M -> |Keine Ressource vorhanden| Q[return 404 status code];
Q –> O;
P -> R [Ressourcen herunterladen].
R -> S[Ressourcen abrufen].
H -> T [Bearbeitung von Ressourcenanfragen].
T -> |Vorhandene Ressource| U [Rückmeldung der Ressource].
U -> V[Statuscode der Ressource, Antwortkopf, Antwortkörper].
R –> P;
T -> |Keine Ressource vorhanden| W [return 404 status code].
W –> U;
“`

Wie man schnell nach Szenen zeichnet

1) Sequenzdiagramm des Browser-URL-Interaktionsflusses, Import von Meerjungfrauen-Ausdrücken in diagrams.net

“`mermaid
sequenceDiagram
Teilnehmer-Browser
Teilnehmer DNS-Server
Teilnehmer-Webserver

Browser->>DNS Server: DNS-Abfrage der IP-Adresse des Domainnamens der Website
DNS-Server->>Browser: Rückgabe der IP-Adresse

Browser->>Webserver: Initiiert eine HTTP-Anfrage
Webserver->>Browser: Rückgabe der HTTP-Antwort (HTML-Inhalt)

Browser->>Webserver: Anforderung von in HTML eingebetteten Ressourcen (Bilder, Stile, JS usw.)
Webserver->>Browser: Rückkehr zum Ressourceninhalt

Browser->>Browser: Analysiert HTML und Ressourcen, rendert die Webseite
Browser->>Benutzer: Seite anzeigen

Benutzer->>Browser: interagiert mit der Webseite, erzeugt neue Anfragen
Browser->>Webserver: Initiiert eine HTTP-Anfrage
Webserver->>Browser: Rückgabe der HTTP-Antwort
“`

2. die Interaktionssequenz eines Benutzers, der auf die WeChat-App zugreift und Meerjungfrauenausdrücke in diagrams.net importiert

“`mermaid
sequenceDiagram
Teilnehmer-Benutzer
Teilnehmer wechat app
Teilnehmer Lokaler VPN-Server
Teilnehmer wechat server

Benutzer->>WeChat APP: Klicken Sie auf das WeChat APP Symbol
WeChat APP->>WeChat Server: HTTPS-Anfrage senden
WeChat Server->>WeChat APP: HTTP-Antwort zurückgeben
WeChat APP->>WeChat Server: Analysieren der Antwortnachricht

Hinweis an den Benutzer: Nachfolgend wird die Vorgehensweise zum Aufbau einer VPN-Verbindung beschrieben
alt network ist nicht von microsoft services abgedeckt
WeChat APP->>Lokaler VPN-Server: VPN-Verbindungsanfrage senden
Lokaler VPN-Server->>WeChat-Server: VPN-Verbindung aufbauen
end
“`

3) Flussdiagramm der Interaktion eines Benutzers, der auf die WeChat-App zugreift, Import von Meerjungfrauenausdrücken in diagrams.net
Mermaid-Syntax in der aktuellen Textumgebung kann nicht richtig geparst werden, kann geändert werden, um mit dem Markdown-Format kompatibel zu sein.

“`mermaid
Untergraph Kunde
klicken[WeChat APP-Symbol anklicken] -> Anfrage[WeChat APP sendet HTTPS-Anfrage an WeChat-Server]
end

Untergraf Lokaler VPN-Server
judge[Ermitteln, ob das Netzwerk innerhalb des WeChat-Dienstbereichs liegt] ->|Nicht in| establish[WeChat APP sendet Verbindungsanfrage an lokalen VPN-Server, um VPN-Verbindung aufzubauen]
end

subgraph wechat server side
anfrage -> authentifizierung [microsoft server authentifizierung und authentifizierung der anfrage]
authenticate ->|request is legitimate| response[WeChat-Server sendet HTTP-Antwortnachricht an WeChat APP]
Antwort -> parse[microsoft app parse response message]
end

parse ->|erforderlich| request_more [WeChat APP zur Initiierung weiterer Anfragen und Interaktionen mit dem WeChat Server]
“`

Beachten Sie, dass in Mermaid-Ausdrücken keine Klammern () in der Beschreibung vorkommen dürfen; Interpunktionsausdrücke, die im englischen Format sein müssen, z. B. Doppelpunkte, Kommas.

Erstellen einer Mind Map

Hinweis

Mindmap

Erste Schritte Beispiel

Stichwort Wort:
Der Prozess des Besuchs der Acht Großen Orte, die Kombination mit einer Mindmap, die Erstellung der Mindmap-Auszeichnungssprache

Ausgangscode:

Der Prozess des Spielens in Badaqi

- beabsichtigen
- Bestimmen Sie das Datum der Exkursion
- Kauf von Fahrkarten
- Prüfen Sie die Wettervorhersage
- Bereiten Sie Wasser, Snacks, Sonnenschutzmittel usw. vor.

- Ankunft in Badaqi
- Anreise mit dem Bus/Fahrzeug
- Suche nach einem Parkplatz/Kauf eines Parkscheins
- Betreten des landschaftlich reizvollen Gebiets

- Sightseeing
- Besuch des Jade-Buddha-Tempels
- Besuchen Sie die Dreizehn Gräber
- In den Qinglong-See
- Besteigen Sie den Tausend-Fuß-Felsen.
- Erleben Sie die Landschaft des Tals der Wölfe
- Besichtigung des Botanischen Gartens
- Ice World spielen
- Treffen Sie die aufregenden Autoscooter

- Essen
- Auswahl eines Restaurants
- Essen bestellen
- Essen

- ruhend
- Pause
- Trinkwasser für Energie

- Fortsetzung der Tour
- Die Herausforderung der Seilrutsche
- Versuchen Sie Klettern.
- Erleben Sie den Nervenkitzel des Raftings
- Treffen Sie das Karussell

- Kauf von Souvenirs
- Auswahl an Souvenirläden
- Kauf von Souvenirs
- Bezahlung

- Verlassen Sie Badaqi.
- Zu Fuß gehen/den Bus nach Hause nehmen
- Organisieren Sie Ihr persönliches Hab und Gut
- Ende eines angenehmen Tages

Code-Beispiel:

Der Prozess des Spielens in Badaqi

- beabsichtigen
- Bestimmen Sie das Datum der Exkursion
- Kauf von Fahrkarten
- Prüfen Sie die Wettervorhersage
- Bereiten Sie Wasser, Snacks, Sonnenschutzmittel usw. vor.

- Ankunft in Badaqi
- Anreise mit dem Bus/Fahrzeug
- Suche nach einem Parkplatz/Kauf eines Parkscheins
- Betreten des landschaftlich reizvollen Gebiets

- Sightseeing
- Besuch des Jade-Buddha-Tempels
- Besuchen Sie die Dreizehn Gräber
- In den Qinglong-See
- Besteigen Sie den Tausend-Fuß-Felsen.
- Erleben Sie die Landschaft des Tals der Wölfe
- Besichtigung des Botanischen Gartens
- Ice World spielen
- Treffen Sie die aufregenden Autoscooter

- Essen
- Auswahl eines Restaurants
- Essen bestellen
- Essen

- ruhend
- Pause
- Trinkwasser für Energie

- Fortsetzung der Tour
- Die Herausforderung der Seilrutsche
- Versuchen Sie Klettern.
- Erleben Sie den Nervenkitzel des Raftings
- Treffen Sie das Karussell

- Kauf von Souvenirs
- Auswahl an Souvenirläden
- Kauf von Souvenirs
- Bezahlung

- Verlassen Sie Badaqi.
- Zu Fuß gehen/den Bus nach Hause nehmen
- Organisieren Sie Ihr persönliches Hab und Gut
- Ende eines angenehmen Tages

>Der obige Code kann nicht direkt in den Notizen ausgeführt werden. Klicken Sie auf [Mind Map generieren] (https://markmap.js.org/repl), der Code wird hineinkopiert und Sie können das Originalbild direkt herunterladen.

Komplexe Flussdiagramme generieren

Hinweis

GraphvizDOT

Erste Schritte Beispiel

Stichwort Wort:
Ich möchte, dass Sie als Graphviz DOT-Generator fungieren, ein Experte für die Erstellung aussagekräftiger Diagramme. Helfen Sie mir, ein Wasserzyklus-Diagramm zu erstellen. Der Inhalt des Codes ist auf Chinesisch.

Ausgangscode:

digraph G {
rankdir=LR;
node[shape=circle, fontname=”Arial”];
edge[fontname=”Arial”, fontsize=12];

// 定义节点
Erde [label="Erde"].
Seen [label="Seen"].
Meere [label="Meere"].
Sonne [label="Sonne"].
Atmosphäre [label="Atmosphere"].
Wolke [label="Wolke"].
Regen [label="Regen"].
Eis und Schnee [label="Eis und Schnee"].
Flüsse [label="Flüsse"].
Vegetation [label="Vegetation"].

// 定义边
Sonne -> Atmosphäre [label="Strahlung"].
Atmosphäre -> Erde [label="Strahlung"].
Erde -> Seen [label="Grundwasseranreicherung"].
Erde -> Ozeane [label="River Replenishment"].
Seen -> Flüsse [label="Ströme"].
Ozeane -> Atmosphäre [label="Verdunstung"].
Atmosphäre -> Wolken [label="Kondenswasser"].
Wolken -> Regen [label="Niederschlag"].
Niederschlag -> Seen [label="Abfluss"].
Niederschlag -> Bäche [label="Abfluss"].
Eis -> Seen [label="Schmelzen"];;
Eis und Schnee -> Fluss [label="Schmelzen"].
Vegetation -> Atmosphäre [label="Transpiration"].
Vegetation -> Erde [label="Bodenfeuchtigkeit"].
}

Fortgeschrittene Beispiele

Stichwort Wort:
Ich möchte, dass Sie als Graphviz DOT-Generator agieren, als Experte für die Erstellung sinnvoller Graphen. Der Graph sollte mindestens n Knoten haben (ich gebe n in meiner Eingabe an, indem ich [n] schreibe, 10 ist der Standard) und eine genaue und komplexe Darstellung der gegebenen Eingabe sein. Jeder Knoten wird durch eine Zahl indiziert, um die Größe der Ausgabe zu reduzieren, sollte keine Stile enthalten und mit layout=neato, overlap=false, node [shape=rectangle] parametrisiert sein. Der Code sollte gültig und fehlerfrei sein und in einer Zeile ohne Erklärung zurückgegeben werden. Liefern Sie klare und übersichtliche Diagramme, die Beziehungen zwischen den Knoten müssen für einen Experten auf diesem Gebiet einen Sinn ergeben. Mein erstes Diagramm ist: "Wasserkreislauf [8]".
> Dieses Beispiel verstärkt die Rollen, bringt n als Variable ein, abstrahiert den Code, die Stilanforderungen, die Parameterbenennung, verbessert die Gültigkeit des Codes und reduziert redundanten Code. Dieses Beispiel bietet mehr Möglichkeiten.

Ausgangscode:

digraph {
layout=neato; overlap=false; node [shape=rectangle];
0[label="Verdampfung"];
1[label="Atmosphäre"].
2[label="Kondenswasser"].
3[label="Niederschlag"].
4[label="Land"].
5 [label="Grundwasser"].
6[label="Oberflächenabfluss"].
7[label="Ozeane und Meere"].
0 -> 1;
1 -> 2;
2 -> 3;
3 -> 4;
3 -> 5;
3 -> 6;
3 -> 7;
}

erDiagram
USERS ||-o{ USER_ROLES }o-|| ROLES : "Benutzer-Rollen"

MAPS }o–|| LEVELS : level
LEVELS ||–o{ OBJECTIVES } : objective

users {
uuid user_id
text email
text date
int requests_count
user_id *–1 user
}

chats {
uuid chat_id
uuid user_id
timestamp creation_time
json history
text chat_name
}

chat_history {
uuid message_id
uuid chat_id
text user_message
text assistant
timestamp message_time
}

vectors {
uuid id
text content
jsonb metadata
vector(1536) embedding
}

stats {
timestamp time
boolean chat
boolean embedding
text details
jsonb metadata
serial id
}

summaries {
bigserial id
uuid document_id
text content
jsonb metadata
vector(1536) embedding
}

api_keys {
uuid key_id
uuid user_id
text api_key
timestamp creation_time
timestamp deleted_time
boolean is_active
}

brains {
uuid brain_id
text name
text status
text model
text max_tokens
float temperature
}

brains_users {
uuid brain_id
uuid user_id
varchar rights
boolean default_brain
}

brains_vectors {
uuid brain_id
uuid vector_id
text file_sha1
}

brain_subscription_invitations {
uuid brain_id
varchar email
varchar rights
}

migrations {
varchar name
timestamptz executed_at
}