diff --git a/templates/api-communication.html.ep b/templates/api-communication.html.ep
new file mode 100644
index 0000000..2daaa37
--- /dev/null
+++ b/templates/api-communication.html.ep
@@ -0,0 +1,17 @@
+% use JSON::XS;
+
+% if (stash('test_port') && stash('search.apirequest')) {
+<pre class="query api">
+  <span>API Response for </span>
+  <span style="font-size: 70%"><%= stash('search.apirequest') %></span>
+  <code>
+<%= stash('search.apiresponse') =%>
+  </code>
+</pre>
+%= javascript begin
+hljs.initHighlightingOnLoad();
+$("pre.query.api").on("click", function () {
+  $(this).toggleClass('active');
+});
+% end
+% };