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 เป็นส่วนขยายของ Chrome ที่พัฒนาโดย https://windchat.link และคุณลักษณะหลักของมันคือ "Preview React and TailwindCSS code in real-time within the ChatGPT chat window, without the tedious copying and pasting."

ภาพหน้าจอของส่วนขยาย

screenshot
screenshot
screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย WindChat-ChatGPT TailwindCSS React Previewer

ดาวน์โหลดไฟล์ส่วนขยาย 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\/*"
            ]
        }
    ]
}