Claude Code और ChatGPT के साथ अपनी वेबसाइट का निरीक्षण और सुधार करें

Lizard Studio, Claude Code और ChatGPT के लिए एक मुफ़्त, ओपन-सोर्स Chrome एक्सटेंशन है। यह साइड पैनल में चैट को आपके लाइव पेज और लोकल प्रोजेक्ट से जोड़ता है, जिसमें एलिमेंट सिलेक्टर, एनोटेशन, डिज़ाइन टूल्स और ब्राउज़र डिबगिंग की सुविधा है।

नहीं। अपना खुद का Claude Code या ChatGPT अकाउंट कनेक्ट करें और एक लोकल प्रोजेक्ट फ़ोल्डर चुनें।

एक्सटेंशन और होस्ट लोकली चलते हैं। आपके द्वारा चुना गया AI प्रोवाइडर चैट रिक्वेस्ट को हैंडल करता है; Lizard कोई टेलीमेट्री इकट्ठा नहीं करता है।

Chrome Web Store से इंस्टॉल करें, फिर अपने लोकल एजेंट को कनेक्ट करने के लिए npx @lizard-build/lizard-studio-host install चलाएँ।

एक्सटेंशन और लोकल होस्ट मुफ़्त हैं और MIT लाइसेंस प्राप्त हैं। आपका चुना हुआ AI प्रोवाइडर अकाउंट की आवश्यकताओं, उपयोग की सीमाओं और एजेंट के शुल्क को निर्धारित करता है। मुफ़्त एक्सटेंशन में मुफ़्त मॉडल उपयोग शामिल नहीं है।

हाँ। अपनी लोकल वेबसाइट खोलें, Lizard Studio में उसका प्रोजेक्ट फ़ोल्डर चुनें और किसी एलिमेंट को अटैच करने के लिए Selector का उपयोग करें। बदलाव के बारे में बताएँ, एजेंट द्वारा किए गए फ़ाइल एडिट्स की समीक्षा करें और ब्राउज़र में परिणाम देखें।

Lizard Studio इंटरफेस में एजेंट को ChatGPT कहा जाता है। यह आपके अपने अकाउंट और प्रोजेक्ट फ़ोल्डर का उपयोग करके लोकल Codex CLI के माध्यम से जुड़ता है। आप Claude Code भी चुन सकते हैं।

जब आपका देव सर्वर उन फ़ाइलों को सर्व करता है, तो आपके प्रोजेक्ट फ़ाइलों में किए गए बदलाव रिफ्रेश के बाद भी बने रहते हैं। एक अस्थायी DOM या स्टाइल बदलाव केवल खुले पेज को प्रभावित करता है। एजेंट से सोर्स को एडिट करने के लिए कहें और उसके diff को चेक करें।