WindChat-ChatGPT TailwindCSS React Previewer

Preview React and TailwindCSS code in real-time within the ChatGPT chat window, without the tedious copying and pasting.

什麼是WindChat-ChatGPT TailwindCSS React Previewer?

WindChat-ChatGPT TailwindCSS React Previewer是由https://windchat.link開發的Chrome擴展程式,該擴展的主要功能是“Preview React and TailwindCSS code in real-time within the ChatGPT chat window, without the tedious copying and pasting.”。

擴展截圖

screenshot
screenshot
screenshot

下載WindChat-ChatGPT TailwindCSS React Previewer擴展crx文件

下載WindChat-ChatGPT TailwindCSS React Previewer擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        WindChat enables you to preview React.js and Tailwind CSS code in real-time within the ChatGPT chat window, eliminating the need for cumbersome copying and pasting.

WindChat will be regularly updated to ensure compatibility with the latest versions of ChatGPT.

It's easy to install WindChat from the Chrome Web Store, so why not let it assist you in effortlessly fine-tuning your web page design in ChatGPT?

GPT4 Assistant GPTs

Tailwind CSS: 
https://chat.openai.com/g/g-hrRKy1YYK-tailwindcss-builder

React.js
https://chat.openai.com/g/g-Ng7fSuRHX-react-code-generator-windchat                    

擴展基本資訊

名稱 WindChat-ChatGPT TailwindCSS React Previewer WindChat-ChatGPT TailwindCSS React Previewer
ID ipafbgdehdljgphjgfmpkohhbelebdhm
官方網址 https://chromewebstore.google.com/detail/windchat-chatgpt-tailwind/ipafbgdehdljgphjgfmpkohhbelebdhm
簡介 Preview React and TailwindCSS code in real-time within the ChatGPT chat window, without the tedious copying and pasting.
檔案大小 513 KB
安裝次數 518
目前版本 1.2.3
更新時間 2024-03-04
上架時間 2023-04-18
評分 4.00/5 共 2 次評分
開發者 https://windchat.link
電子郵箱 [email protected]
付費類型 in_app
擴展官網 https://www.windchat.link
隱私政策頁面URL https://www.windchat.link/privacy
支援的語言 en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "WindChat-ChatGPT TailwindCSS React Previewer",
    "version": "1.2.3",
    "description": "Preview React and TailwindCSS code in real-time within the ChatGPT chat window, without the tedious copying and pasting.",
    "permissions": [
        "storage",
        "identity",
        "identity.email"
    ],
    "options_page": "src\/pages\/options\/index.html",
    "background": {
        "service_worker": "src\/pages\/background\/index.js",
        "type": "module",
        "matches": [
            "https:\/\/chat.openai.com\/*"
        ]
    },
    "action": {
        "default_popup": "src\/pages\/popup\/index.html",
        "default_icon": "32.png"
    },
    "icons": {
        "16": "16.png",
        "32": "32.png",
        "34": "34.png",
        "48": "48.png",
        "96": "96.png",
        "128": "128.png"
    },
    "externally_connectable": {
        "matches": [
            "*:\/\/localhost\/*",
            "https:\/\/*.windchat.link\/*"
        ]
    },
    "host_permissions": [
        "https:\/\/api.windchat.link\/*",
        "https:\/\/*.openai.com\/"
    ],
    "content_scripts": [
        {
            "matches": [
                "https:\/\/chat.openai.com\/*"
            ],
            "js": [
                "src\/pages\/content\/index.js"
            ],
            "css": [
                "assets\/css\/contentStyle1708743477675.chunk.css"
            ]
        }
    ],
    "web_accessible_resources": [
        {
            "resources": [
                "assets\/js\/*.js",
                "assets\/css\/*.css",
                "128.png",
                "34.png",
                "32.png",
                "48.png",
                "batch-tasks.png",
                "popup-guide-1.png"
            ],
            "matches": [
                "https:\/\/chat.openai.com\/*"
            ]
        }
    ]
}