1DesignTool एक डेस्कटॉप डिज़ाइन स्टूडियो है जो लिखे गए ब्रीफ़ को काम करते डिज़ाइन में बदल देता है — असली प्रोजेक्ट फ़ोल्डर में असली HTML, CSS और JS — और यह काम आपकी मशीन पर पहले से इंस्टॉल किए गए कोडिंग एजेंट को चलाकर करता है. Claude Code, Codex, Cursor Agent, Devin और बाकी सपोर्टेड CLI बनाने का काम करते हैं; 1DesignTool उन्हें एक स्टूडियो देता है: live preview, design kit के नियम, स्टीयरिंग टूल और ऐसे एक्सपोर्ट जो सीधे आपकी डिस्क पर उतरते हैं.
इसकी बुनियादी बनावट
आप लिखते हैं कि क्या चाहिए — "कॉफ़ी सब्सक्रिप्शन के लिए एक लैंडिंग पेज, शांत और एडिटोरियल" — और एजेंट उसे बना देता है. नतीजा कोई मॉकअप या आकृतियों का कैनवास नहीं होता: यह फ़ाइलों का एक फ़ोल्डर है जिसे आप खोल, एडिट, फ़ोर्क और शिप कर सकते हैं. प्रीव्यू पैनल उस फ़ोल्डर को देखती रहती है, इसलिए स्क्रीन पर जो डिज़ाइन है वही डिस्क पर भी है.
यही बंटवारा असली मुद्दा है. एजेंट पहला ड्राफ़्ट तेज़ी से बनाने में अच्छा है; आप यह जानने में अच्छे हैं कि "सही" दिखता कैसा है. 1DesignTool इसी हैंड-ऑफ़ के इर्द-गिर्द बनाया गया है: एजेंट बनाता है, आप स्टीयर करते हैं — एलिमेंट चुनकर, कमेंट लिखकर, tweak कंट्रोल हिलाकर, या काम को ज़्यादा क्वालिटी वाले gate से वापस गुज़ारकर.
Local-first, और इंजन आपका अपना एजेंट है
प्रोजेक्ट आपके चुने हुए फ़ोल्डर में रहते हैं. रन आपके अपने एजेंट CLI और आपके अपने अकाउंट से होकर गुज़रते हैं — ऐप कभी भी एजेंट के लिए API key नहीं माँगता और कभी भी आपके काम को अपने सर्वर से प्रॉक्सी नहीं करता. एजेंट जो बनाता है उसे design kit जाँचता है: कंट्रास्ट, टाइप के न्यूनतम साइज़, हिट टारगेट, हर चौड़ाई पर काम करने वाली नेविगेशन. जो डिज़ाइन gate में फेल होता है, वह आपको ठीक-ठीक बता देता है कि दिक्कत कहाँ है.
आप क्या बना सकते हैं
चौदह टेम्पलेट उस काम को कवर करते हैं जो एक छोटी टीम सच में शिप करती है: UI मॉकअप और वायरफ़्रेम, स्लाइड डेक, मोबाइल स्क्रीन, इंटरैक्टिव वेबसाइट, ब्रांड किट और लोगो, 3D ऑब्जेक्ट और सीन, एनीमेशन, रेज़्यूमे, इन्फ़ोग्राफ़िक, HTML ईमेल, डॉक्यूमेंट और भी बहुत कुछ. हर टेम्पलेट के साथ उसके आउटपुट के लिए ट्यून किया हुआ व्यूअर मिलता है — डेक को स्लाइड व्यूअर मिलता है, ईमेल को क्लाइंट-चौड़ाई वाला प्रीव्यू मिलता है, 3D को ऑर्बिट व्यूपोर्ट मिलता है.
टिप: खाली पेज से नहीं, टेम्पलेट से शुरू करें. टेम्पलेट एजेंट को आउटपुट फ़ॉर्मेट, व्यूअर और लागू होने वाली जाँचें बता देता है — आपके ब्रीफ़ को सिर्फ़ आइडिया ले जाना है.