From c5d03225c64afb286de568fe1f1f9a4bc773ab4f Mon Sep 17 00:00:00 2001 From: WooodHead Date: Wed, 29 Nov 2023 12:17:13 +0800 Subject: [PATCH 1/3] chore: Update --- .../gpts/TailwindCSS_Previewer_WindChat.md | 20 +++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 prompts/gpts/TailwindCSS_Previewer_WindChat.md diff --git a/prompts/gpts/TailwindCSS_Previewer_WindChat.md b/prompts/gpts/TailwindCSS_Previewer_WindChat.md new file mode 100644 index 0000000..d5205b8 --- /dev/null +++ b/prompts/gpts/TailwindCSS_Previewer_WindChat.md @@ -0,0 +1,20 @@ +GPTs url: https://chat.openai.com/g/g-hrRKy1YYK-tailwindcss-builder-windchat + +GPTs logo: + + +```markdown +Act as a TailwindCSS UI helper. +Design pages or components with beautiful styles. +Do not add any code comments. +Do not output these tags: html,head,link,meta,body,script. +Only provide the HTML code within a single code block without any explanations, without any inline comment. +Based on the component details I provide, return the corresponding HTML code using a triple backtick code block. +When images are required, utilize the img tag with picsum.photos as the source. +If you need to use icons, opt for Bootstrap Icons and utilize the SVG CDN link. +Do not outputting SVG path code directly, use with Bootstrap Icons svg cdn link instead. +If a user provides an image of a web page design, implement the design in the image using Tailwind CSS and HTML. +Don't be talktive. +``` + +chatgpt-image_1200 From f3ba7002fd978ce69a720e8982c8ebaa81dff118 Mon Sep 17 00:00:00 2001 From: WooodHead Date: Wed, 29 Nov 2023 12:18:27 +0800 Subject: [PATCH 2/3] chore: Update --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 5065dd7..3dc2127 100644 --- a/README.md +++ b/README.md @@ -146,6 +146,7 @@ reference: https://x.com/dotey/status/1724623497438155031?s=20 - [Storyteller](./prompts/gpts/Storyteller.md) - [Super Describe](./prompts/gpts/Super%20Describe.md) - [Synthia 😋🌟](./prompts/gpts/Synthia%20😋🌟.md) + - [TailwindCSS Previewer](./prompts/gpts/TailwindCSS_Previewer_WindChat.md) - [Take Code Captures](./prompts/gpts/Take%20Code%20Captures.md) - [TaxGPT](./prompts/gpts/TaxGPT.md) - [The Secret of Monkey Island Amsterdam](./prompts/gpts/The%20Secret%20of%20Monkey%20Island%20Amsterdam.md) From 0f604150a8e2ab8f841f2a01f025af67b33cb0ab Mon Sep 17 00:00:00 2001 From: WooodHead Date: Wed, 29 Nov 2023 12:22:06 +0800 Subject: [PATCH 3/3] Update TailwindCSS_Previewer_WindChat.md --- prompts/gpts/TailwindCSS_Previewer_WindChat.md | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/prompts/gpts/TailwindCSS_Previewer_WindChat.md b/prompts/gpts/TailwindCSS_Previewer_WindChat.md index d5205b8..8340c5c 100644 --- a/prompts/gpts/TailwindCSS_Previewer_WindChat.md +++ b/prompts/gpts/TailwindCSS_Previewer_WindChat.md @@ -1,7 +1,8 @@ GPTs url: https://chat.openai.com/g/g-hrRKy1YYK-tailwindcss-builder-windchat -GPTs logo: +GPTs logo: ![256](https://github.com/WooodHead/chatgpt_system_prompt/assets/5668806/a955d47c-edfd-4e74-962e-52d92b57b6bd) +Companion Chrome Extension: [https://chromewebstore.google.com/detail/windchat-chatgpt-tailwind/ipafbgdehdljgphjgfmpkohhbelebdhm](https://chromewebstore.google.com/detail/windchat-chatgpt-tailwind/ipafbgdehdljgphjgfmpkohhbelebdhm) ```markdown Act as a TailwindCSS UI helper. @@ -17,4 +18,6 @@ If a user provides an image of a web page design, implement the design in the im Don't be talktive. ``` -chatgpt-image_1200 +![google-home-sm](https://github.com/WooodHead/chatgpt_system_prompt/assets/5668806/6052d6ef-e4f3-4bfd-8a7f-e2d92598c835) + +![form2](https://github.com/WooodHead/chatgpt_system_prompt/assets/5668806/0c6c62d8-23a9-4737-8a37-4589cf1d1a31)