Titikey
होमउपयोगी टिप्सChatGPT, Claude, Midjourney, Gemini का इस्तेमाल करके पोर्टफोलियो वेबसाइट की ज़रूरतों से लेकर इमेज आउटपुट तक का व्यावहारिक वर्कफ़्लो

ChatGPT, Claude, Midjourney, Gemini का इस्तेमाल करके पोर्टफोलियो वेबसाइट की ज़रूरतों से लेकर इमेज आउटपुट तक का व्यावहारिक वर्कफ़्लो

2/2/2026
实用技巧

अगर एक डिज़ाइन स्टूडियो की पोर्टफोलियो वेबसाइट बनानी हो, तो सबसे ज़्यादा अटकाने वाली चीज़ अक्सर कोड नहीं होती, बल्कि “आख़िर मुझे किस स्टाइल की चाहिए, और कौन-कौन से पेज लिखने हैं”। मैं अक्सर चार-टूल वाली एक प्रोसेस इस्तेमाल करता/करती हूँ, जिससे रिक्वायरमेंट, कॉपी, विज़ुअल और इम्प्लीमेंटेशन—सब एक बार में कवर हो जाता है।

ChatGPT का काम: आइडिया को एक्ज़ीक्यूटेबल चेकलिस्ट में बदलना

मैं उसे बस एक धुंधला सा लक्ष्य फेंक देता/देती हूँ, जैसे “नीला वॉटर-रिपल थीम + कार्टून जहाज़ और सबमरीन”, और कहता/कहती हूँ कि साइट स्ट्रक्चर, मॉड्यूल कॉपी और इंटरैक्शन पॉइंट्स निकाल दे। छोटा-सा टिप: उसे KISS सोच अपनाने को कहो, होमपेज को रिसर्च पेपर मत बना देना।

Claude का काम: रिक्वायरमेंट को डिलीवेरेबल डॉक्युमेंट जैसा लिखना

Claude “Bento Grid काला बैकग्राउंड + हाईलाइट रंग #2657FD, बेहद बड़े नंबर, Apple-स्टाइल स्क्रॉल एनीमेशन, Framer Motion और Tailwind CDN” जैसी मांगों को डेवलपर की समझ में आने वाली स्पेसिफिकेशन में व्यवस्थित करने के लिए बहुत बढ़िया है; साथ ही वह बॉर्डर कंडीशंस भी जोड़ देता/देती है, जैसे ग्रेडिएंट का बेवजह इस्तेमाल मत करना, और मुख्य आइकन के तौर पर emoji मत लगाना।

Midjourney का काम: विज़ुअल एसेट्स का टोन तेज़ी से तय करना

मैं उससे दो तरह की इमेज निकलवाता/निकलवाती हूँ: एक, मुख्य KV इलस्ट्रेशन (जहाज़/सबमरीन/स्पेस कार्टून कैरेक्टर); दूसरी, सजावट के लिए लाइन-आर्ट वाले छोटे एलिमेंट्स। पहले 9-ग्रिड निकालकर दिशा तय करो, फिर चुनिंदा हिस्सों को ज़ूम करके डिटेल बढ़ाओ—वरना तुम “बस थोड़ा-सा रह गया” वाले लूप में फँसकर परेशान हो जाओगे।

Gemini का काम: क्रॉस-चेक और कमियों की भरपाई

Gemini को मैं ज़्यादा “एक्सपीरियंस ऑडिट” के लिए इस्तेमाल करता/करती हूँ: उससे कहता/कहती हूँ कि विज़िटर के नज़रिए से कमियाँ निकाले, देखे कि जानकारी कितनी ठोस है, क्या वह बातचीत आगे बढ़ा सकती है (सिर्फ “अच्छा है” जैसी खोखली बातें मत लिखो), और फिर तुम्हें एक ऐसा परिचय (Intro) और FAQ दे जो ज़्यादा इंसानी ढंग से लिखा हुआ लगे।

मेरा अपना छोटा-सा रैंट

अपने डिफ़ॉल्ट मॉडल सेटिंग्स फिक्स करके रखो—वरना बार-बार मॉडल बदलने पर नया टॉपिक आते ही अचानक “याददाश्त जाना” सच में बहुत चिढ़ाता है।

अगर तुम इस पूरी प्रोसेस को सीधे अपने प्रोजेक्ट पर लागू करके भटकाव कम करना चाहते/चाहती हो, तो Titikey पर जाकर मेरे द्वारा व्यवस्थित किए गए टूल्स और टेम्पलेट्स देखो—काफ़ी समय बचेगा।

होमशॉपऑर्डर