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
官方URL 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\/*"
            ]
        }
    ]
}