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
Eメール [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\/*"
            ]
        }
    ]
}