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 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

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