1DesignTool में हर डिज़ाइन एक ही पाँच-चरणीय लूप से गुज़रता है. यह लूप एक बार समझ लेने पर डॉक्स का हर दूसरा पेज अनुमानित हो जाता है — स्टीयरिंग, वेरिएंट, एक्सपोर्ट और Build mode सब वही रन हैं, बस अलग कोण से देखे हुए.
1. ब्रीफ़
आप composer में लिखते हैं कि क्या चाहिए — हर प्रोजेक्ट के नीचे वाला इनपुट, या नए प्रोजेक्ट के लिए होम स्क्रीन का बॉक्स. ब्रीफ़ आपके एजेंट के पास जाता है — टेम्पलेट, डिज़ाइन सिस्टम के नियम, और आपके जोड़े हुए पिन, कमेंट या फ़ाइलों के साथ. कंपोज़र का एजेंट चिप दिखाता है कि रन कौन सा CLI और मॉडल इस्तेमाल करेगा.
2. बिल्ड
ऐप आपके एजेंट को प्रोजेक्ट फ़ोल्डर के अंदर headless सबप्रोसेस के तौर पर चलाता
है और उसे ब्रीफ़ के साथ design kit सौंपता है — हर प्रोजेक्ट में कॉपी हुई
plaintext रूलबुक (.claude/skills/ और उसके साथी) जो एजेंट को बताती है कि यहाँ
"अच्छा" का मतलब क्या है: कंट्रास्ट की न्यूनतम सीमा, टाइप स्केल, हिट-टारगेट साइज़,
मार्कअप स्ट्रक्चर. एजेंट असली फ़ाइलें लिखता है; प्रीव्यू फ़ोल्डर को देखती है और
हर फ़ाइल उतरते ही फिर से पेंट होती है.
3. Gate
टर्न खत्म होने पर gate नतीजे को kit के सामने जाँचता है: टेक्स्ट कंट्रास्ट, न्यूनतम फ़ॉन्ट साइज़, कंट्रोल टारगेट, फ़ोन और टैबलेट चौड़ाई पर मृत नेविगेशन. PASS का मतलब नतीजा आपका है; FAIL उस नियम की सूची देता है जो टूटा और कहाँ, और आप नतीजे एजेंट को एक-लाइन फ़िक्स ब्रीफ़ के तौर पर वापस भेज सकते हैं. देखें design-kit gate.
4. स्टीयर
यहीं आप ड्राफ़्ट को डिज़ाइन में ढालते हैं: किसी एलिमेंट पर ⌥-click करके उस पर कमेंट पिन करें, एजेंट के दिए लाइव कंट्रोल के लिए Tweaks खोलें, या बड़े डायरेक्शन बदलाव के लिए फ़ॉलो-अप ब्रीफ़ लिखें. हर स्टीयर उसी लूप का नया टर्न है — एजेंट फिर बनाता है, gate फिर जाँचता है.
5. शिप
नतीजा सही लगने पर Share / export उसे पैकेज करता है — ZIP, HTML, PNG, PDF, MP4, टेम्पलेट के एक्सपोर्ट सेट के अनुसार. प्रोजेक्ट फ़ोल्डर वहीं रहता है जहाँ आपने रखा था, और हर वर्ज़न हिस्ट्री से रीस्टोर हो सकता है.
टिप: लूप दोहराना सस्ता है. एक ही ब्रीफ़ के तीन variants चलाएँ, उन्हें blind-compare करें, और जीतने वाले को promote करें — यह एक लंबे ब्रीफ़ से जवाब का अंदाज़ा लगाने से बेहतर है.