diff --git a/module/ai/control.php b/module/ai/control.php
index fc0fc6df64..f3fb476927 100644
--- a/module/ai/control.php
+++ b/module/ai/control.php
@@ -146,10 +146,11 @@ class ai extends control
     {
         $prompt = $this->ai->getPromptById($id);
 
-        $this->view->prompt     = $prompt;
-        $this->view->preAndNext = $this->loadModel('common')->getPreAndNextObject('prompt', $id);
-        $this->view->title      = "{$this->lang->ai->prompts->common}#{$prompt->id} $prompt->name";
-        $this->view->position[] = $this->lang->ai->prompts->common;
+        $this->view->dataPreview = $this->ai->generateDemoDataPrompt($prompt->module, $prompt->source);
+        $this->view->prompt      = $prompt;
+        $this->view->preAndNext  = $this->loadModel('common')->getPreAndNextObject('prompt', $id);
+        $this->view->title       = "{$this->lang->ai->prompts->common}#{$prompt->id} $prompt->name";
+        $this->view->position[]  = $this->lang->ai->prompts->common;
 
         $this->display();
     }
diff --git a/module/ai/css/promptview.css b/module/ai/css/promptview.css
new file mode 100644
index 0000000000..e76c90f814
--- /dev/null
+++ b/module/ai/css/promptview.css
@@ -0,0 +1,14 @@
+.detail-title {
+    font-weight: normal;
+    color:#838a9d;
+}
+.detail-title::before {
+    content: '[';
+}
+.detail-title::after {
+    content: ']';
+}
+
+.detail-content + .detail-title {
+    margin-top: 10px;
+}
diff --git a/module/ai/view/promptview.html.php b/module/ai/view/promptview.html.php
index 874ba7d2b7..a5e9a4d15f 100644
--- a/module/ai/view/promptview.html.php
+++ b/module/ai/view/promptview.html.php
@@ -28,6 +28,30 @@
 
 <div id="mainContent" class="main-row">
   <div class="main-col col-8">
+    <div class="cell">
+      <div class="detail">
+        <div class="detail-title"><?php echo $lang->ai->prompts->role?></div>
+        <div class="detail-content article-content"><?php echo $prompt->role?></div>
+        <div class="detail-title"><?php echo $lang->ai->prompts->characterization?></div>
+        <div class="detail-content article-content"><?php echo $prompt->characterization?></div>
+      </div>
+      <div class="detail">
+        <div class="detail-title"><?php echo $lang->ai->prompts->object?></div>
+        <div class="detail-content article-content"><?php echo $this->lang->ai->dataSource[$prompt->module]['common']; ?></div>
+        <div class="detail-title"><?php echo $lang->ai->prompts->field?></div>
+        <div class="detail-content article-content"><?php echo $dataPreview?></div>
+      </div>
+      <div class="detail">
+        <div class="detail-title"><?php echo $lang->ai->prompts->setPurpose?></div>
+        <div class="detail-content article-content"><?php echo $prompt->purpose?></div>
+        <div class="detail-title"><?php echo $lang->ai->prompts->elaboration?></div>
+        <div class="detail-content article-content"><?php echo $prompt->elaboration?></div>
+      </div>
+      <div class="detail">
+        <div class="detail-title"><?php echo $lang->ai->prompts->selectTargetForm?></div>
+        <div class="detail-content article-content"><?php echo $this->lang->ai->targetForm[$prompt->module][explode('.', $prompt->targetForm)[1]]; ?></div>
+      </div>
+    </div>
     <div class='main-actions'>
       <div class="btn-toolbar">
         <?php echo html::a(helper::createLink('ai', 'prompts'), '<i class="icon icon-back icon-sm"></i> ' . $lang->goback, '', "class='btn'");?>