Claude Code का उपयोग करके Playgrounds बनाना

@trq212
अंग्रेज़ी5 माह पहले · 29 जन॰ 2026
861K
3.0K
298
127
5.5K

TL;DR

Claude Code के लिए नया प्लेग्राउंड प्लगइन इंटरैक्टिव विज़ुअलाइज़ेशन के लिए स्टैंडअलोन HTML फ़ाइलें बनाने में सक्षम बनाता है, जो डेवलपर्स को UI डिज़ाइन, आर्किटेक्चर मैपिंग और गेम बैलेंसिंग में मदद करता है।

हमने एक नया Claude Code प्लगइन जारी किया है जिसे playground कहा जाता है, जो Claude को HTML प्लेग्राउंड जनरेट करने में मदद करता है। ये स्टैंडअलोन HTML फ़ाइलें हैं जो आपको Claude के साथ किसी समस्या को विज़ुअलाइज़ करने, उसके साथ इंटरैक्ट करने और एक आउटपुट प्रॉम्प्ट देने की सुविधा देती हैं जिसे आप वापस Claude Code में पेस्ट कर सकते हैं।

मैंने पाया है कि यह मॉडल के साथ उन तरीकों से इंटरैक्ट करने में वास्तव में अच्छा हो सकता है जो टेक्स्ट के लिए उपयुक्त नहीं हैं, उदाहरण के लिए:

  • कोडबेस की आर्किटेक्चर को विज़ुअलाइज़ करना
  • किसी कॉम्पोनेंट के डिज़ाइन को एडजस्ट करना
  • लेआउट और डिज़ाइन पर ब्रेनस्टॉर्म करना
  • किसी गेम का संतुलन ठीक करना

शुरू करने के लिए, निम्नलिखित कमांड चलाकर Claude Code में प्लगइन इंस्टॉल करें:

**/plugin marketplace update claude-plugins-official

/plugin install playground@claude-plugins-official**

यहाँ मेरे कुछ पसंदीदा प्लेग्राउंड हैं जो मैंने बनाए हैं:

**

Claude Code में AskUserQuestion Tool के डिज़ाइन को बदलना

**प्रॉम्प्ट: "AskUserQuestion Tool के लिए नए लेआउट बदलावों का पता लगाने में मेरी मदद करने के लिए playground स्किल का उपयोग करें"

Thariq - inline image

**

अपने लेखन की समीक्षा करना और प्रतिक्रिया प्राप्त करना

**प्रॉम्प्ट: "मेरे SKILL.MD की समीक्षा करने और मुझे इनलाइन सुझाव देने के लिए playground स्किल का उपयोग करें जिन्हें मैं स्वीकृत, अस्वीकृत या टिप्पणी कर सकता हूँ"

Thariq - inline image

**

Remotion वीडियो इंट्रो को ट्वीक करना

**प्रॉम्प्ट: "मेरे इंट्रो स्क्रीन को और अधिक रोचक और आकर्षक बनाने के लिए playground स्किल का उपयोग करें"

Thariq - inline image

**

आर्किटेक्चर डायग्राम देखना और उपयोगकर्ता को टिप्पणी करने देना

**प्रॉम्प्ट: "यह दिखाने के लिए playground स्किल का उपयोग करें कि यह ईमेल एजेंट कोडबेस कैसे काम करता है और मुझे आर्किटेक्चर में विशेष नोड्स पर टिप्पणी करने दें ताकि प्रश्न पूछ सकूँ, संपादन कर सकूँ, आदि"

Thariq - inline image

**

सुपरहीरो Rogue-like गेम को संतुलित करना जो मैं बना रहा हूँ

**प्रॉम्प्ट: "'Inferno' हीरो के डेक को संतुलित करने में मेरी मदद करने के लिए playground स्किल का उपयोग करें"

Thariq - inline image

0:24

यह देखने के लिए उत्साहित हूँ कि आप सब इसका पता कैसे लगाते हैं!

एक दिलचस्प प्लेग्राउंड बनाने के लिए मेरी टिप - मॉडल के साथ बातचीत करने का एक अनूठा तरीका सोचें और फिर उसे उसे व्यक्त करने के लिए कहें। मुझे लगता है कि आपको यह आश्चर्यजनक लग सकता है।

अगर आप कुछ अच्छा बनाते हैं, तो कृपया इसे साझा करें!

एक क्लिक में सहेजें

YouMind में वायरल लेखों की AI गहन पढ़ाई

स्रोत सहेजें, केंद्रित सवाल पूछें, तर्क का सारांश बनाएँ और एक वायरल लेख को एक ही AI वर्कस्पेस में दोबारा इस्तेमाल करने लायक नोट्स में बदलें।

YouMind देखें
क्रिएटर्स के लिए

अपने Markdown को एक साफ़-सुथरे 𝕏 आर्टिकल में बदलें

जब आप अपना लंबा कंटेंट पब्लिश करते हैं, तो इमेज, टेबल और कोड ब्लॉक को 𝕏 के लिए फ़ॉर्मेट करना मुश्किल होता है। YouMind पूरे Markdown ड्राफ़्ट को एक साफ़-सुथरे, पोस्ट के लिए तैयार 𝕏 आर्टिकल में बदल देता है।

Markdown से 𝕏 आज़माएँ

समझने के लिए और पैटर्न

हाल के वायरल लेख

और वायरल लेख देखें