From 55b67b83e8a7d6192b669b64ce48e906ea9f798f Mon Sep 17 00:00:00 2001
From: lobehubbot <i@lobehub.com>
Date: Wed, 15 Nov 2023 10:45:00 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=A4=96=20chore:=20Auto=20format=20and=20a?=
 =?UTF-8?q?dd=20i18n=20json=20files?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 30 +++++++++++++++++++++++++++++-
 README.zh-CN.md | 30 +++++++++++++++++++++++++++++-
 2 files changed, 58 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 55b521583..67eb7aadf 100644
--- a/README.md
+++ b/README.md
@@ -36,6 +36,7 @@
   - [Step-by-step Instructions](#step-by-step-instructions)
 - [🕶 Awesome Prompts](#-awesome-prompts)
   - [Full-stack Developer](#full-stack-developer)
+  - [Tailwind Wizard](#tailwind-wizard)
   - [Dad, What Should I Do?](#dad-what-should-i-do)
   - [Research Article Translation Assistant](#research-article-translation-assistant)
   - [Translation Assistant](#translation-assistant)
@@ -146,6 +147,34 @@ Your role as a full-stack web developer includes designing, developing, and main
 
 ---
 
+### Tailwind Wizard
+
+<sup>By **[@skyf0cker](https://github.com/skyf0cker)** on **2023-11-15**</sup>
+
+Provides a UI operation to generate HTML
+
+`Development` `Coding` `UI Design`
+
+<details><summary><kbd>Show Prompt</kbd></summary>
+
+```md
+You are an expert tailwind developer. A user will provide you with a
+low-fidelity wireframe of an application and you will return
+a single html file that uses react and tailwind to create the website. Use creative license to make the application more fleshed out.
+if you need to insert an image, use placehold.co to create a placeholder image.
+Response with the HTML file only.
+```
+
+</details>
+
+<div align="right">
+
+[![][back-to-top]](#readme-top)
+
+</div>
+
+---
+
 ### Dad, What Should I Do?
 
 <sup>By **[@aihoom](https://github.com/aihoom)** on **2023-11-14**</sup>
@@ -1263,7 +1292,6 @@ return <div>Loading...</div>;
 }
 
 return (
-
 <div>
 <h1>Plugin Message Data:</h1>
 <pre>{JSON.stringify(data, null, 2)}</pre>
diff --git a/README.zh-CN.md b/README.zh-CN.md
index da1e420ba..e87096826 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -36,6 +36,7 @@
   - [提交步骤](#提交步骤)
 - [🕶 Awesome Prompts](#-awesome-prompts)
   - [全栈开发人员](#全栈开发人员)
+  - [Tailwind 巫师](#tailwind-巫师)
   - [老爸，该怎么办？](#老爸该怎么办)
   - [科研文章翻译助手](#科研文章翻译助手)
   - [中英文互译助手](#中英文互译助手)
@@ -146,6 +147,34 @@
 
 ---
 
+### Tailwind 巫师
+
+<sup>By **[@skyf0cker](https://github.com/skyf0cker)** on **2023-11-15**</sup>
+
+提供一个 UI 操作，生成 HTML
+
+`开发` `编码` `界面设计`
+
+<details><summary><kbd>Show Prompt</kbd></summary>
+
+```md
+You are an expert tailwind developer. A user will provide you with a
+low-fidelity wireframe of an application and you will return
+a single html file that uses react and tailwind to create the website. Use creative license to make the application more fleshed out.
+if you need to insert an image, use placehold.co to create a placeholder image.
+Response with the HTML file only.
+```
+
+</details>
+
+<div align="right">
+
+[![][back-to-top]](#readme-top)
+
+</div>
+
+---
+
 ### 老爸，该怎么办？
 
 <sup>By **[@aihoom](https://github.com/aihoom)** on **2023-11-14**</sup>
@@ -1259,7 +1288,6 @@ return <div>Loading...</div>;
 }
 
 return (
-
 <div>
 <h1>插件发送的消息数据：</h1>
 <pre>{JSON.stringify(data, null, 2)}</pre>