diff --git a/assets/cpr-gitgraph.htm b/assets/cpr-gitgraph.htm
new file mode 100644
index 0000000..39e53ba
--- /dev/null
+++ b/assets/cpr-gitgraph.htm
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <title>create-pull-request GitHub action</title>
+</head>
+
+<body>
+ <!-- partial:index.partial.html -->
+ <div id="graph-container"></div>
+ <!-- partial -->
+ <script src='https://cdn.jsdelivr.net/npm/@gitgraph/js'></script>
+ <script>
+ const graphContainer = document.getElementById("graph-container");
+
+ const customTemplate = GitgraphJS.templateExtend(GitgraphJS.TemplateName.Metro, {
+ commit: {
+ message: {
+ displayAuthor: false,
+ displayHash: false,
+ },
+ },
+ });
+
+ // Instantiate the graph.
+ const gitgraph = GitgraphJS.createGitgraph(graphContainer, {
+ template: customTemplate,
+ orientation: "vertical-reverse"
+ });
+
+ const master = gitgraph.branch("master");
+ master.commit("Last commit on base");
+ const localMaster = gitgraph.branch("<#1> master (local)");
+ localMaster.commit({
+ subject: "<uncommited changes>",
+ body: "Changes made to the local base during the workflow",
+ })
+ const remotePatch = gitgraph.branch("create-pull-request/patch");
+ remotePatch.merge({
+ branch: localMaster,
+ commitOptions: {
+ subject: "[create-pull-request] automated change",
+ body: "Changes pushed to create the remote branch",
+ },
+ });
+ master.commit("New commit on base");
+
+ const localMaster2 = gitgraph.branch("<#2> master (local)");
+ localMaster2.commit({
+ subject: "<uncommited changes>",
+ body: "Changes made to the updated local base during the workflow",
+ })
+ remotePatch.merge({
+ branch: localMaster2,
+ commitOptions: {
+ subject: "[create-pull-request] automated change",
+ body: "Changes force pushed to update the remote branch",
+ },
+ });
+
+ master.merge(remotePatch);
+
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/assets/cpr-gitgraph.png b/assets/cpr-gitgraph.png
new file mode 100644
index 0000000..aa00003
Binary files /dev/null and b/assets/cpr-gitgraph.png differ
diff --git a/docs/concepts-guidelines.md b/docs/concepts-guidelines.md
index 6abaf4e..7a252b3 100644
--- a/docs/concepts-guidelines.md
+++ b/docs/concepts-guidelines.md
@@ -45,7 +45,7 @@ Workflow steps:
The following git diagram shows how the action creates and updates a pull request branch.
-WIP
+
## Guidelines