पुनरावृत्ति गति (Iteration Velocity) स्टार्टअप्स के लिए सबसे महत्वपूर्ण चीज़ है। हमारे लैंडिंग पेज का पहला वर्जन एक टॉप डिज़ाइन एजेंसी ने बनाया था। फिर, कुछ महीनों बाद हमने इसे फिर से बनाया - इस बार एक अलग एजेंसी के साथ।
ये बड़े बदलाव supermemory की यात्रा के अलग-अलग चरणों में हुए। जैसे-जैसे हमारा प्रोडक्ट ऑफरिंग, ब्रांडिंग और अन्य चीज़ें विकसित होती रहीं, हम अपने मार्केटिंग में उन्हें पेश करने के तरीके पर भी लगातार काम करते रहे।
एजेंसियों ने अपने काम में सच में कमाल दिखाया! उन्होंने आज के supermemory ब्रांड के पीछे की ब्रांडिंग और धारणा को आकार देने में बहुत बड़ा योगदान दिया। मैं अब तक की उनकी सभी मदद के लिए उनका वास्तव में आभारी हूं।
हालांकि, मेरी एक ही समस्या थी।
पुनरावृत्ति गति (Iteration Velocity)।
समय बदल गया है। सच में - अगर आप AI नेटिव नहीं हैं, तो आप सफल नहीं हो सकते।
फीडबैक लूप (Feedback Loop)
एक बार, मैंने एजेंसी से पूछा: इस प्रोजेक्ट की टाइमलाइन क्या है?
मुझे कुछ दिनों या एक हफ्ते की उम्मीद थी। लेकिन, वे काम के कई स्तरों वाली एक बड़ी योजना लेकर आए - यह पता लगाने में 2 हफ्ते कि यह कैसा दिखेगा, उसके बाद इम्प्लीमेंटेशन के लिए 1 हफ्ता, वगैरह-वगैरह।
पूरा प्रोजेक्ट महीनों लगने वाला था, और फिर लैंडिंग पेज framer पर होता। बाकी चीज़ें? ऐप, कंसोल डिज़ाइन - उनके डिज़ाइन तैयार होने के बाद हमें उन्हें वास्तव में लागू करना होता था।
नो-कोड का अभिशाप (The No Code Curse)
इससे पहले कि Claude Code इतना अच्छा हो जाता, हमारा लैंडिंग पेज पूरी तरह से framer पर था - पूरी तरह से उन लोगों द्वारा मेंटेन किया जाता था जो वास्तव में डिज़ाइन करते थे। वे सुरुचिपूर्ण थे, और जाहिर तौर पर इसमें बहुत काम और मेहनत लगती थी। लेकिन, किसी भी बदलाव के लिए ऐसे लोगों की ज़रूरत होती थी जो framer को जानते हों।
यह एक वास्तविक अभिशाप बन गया। मार्केटिंग पेज, ब्लॉग आदि जोड़ना एक दर्दनाक काम हो गया। वेबसाइट बहुत अधिक जावास्क्रिप्ट लोड करती थी या SEO के लिए अच्छी नहीं होती थी या एनिमेशन ब्राउज़र को पूरी तरह से धीमा कर देते थे - और हमें बस उन्हें इसे सुधारने के लिए कहना होता था।
और हम वास्तव में नहीं जानते थे कि हम इसे कैसे सुधार सकते हैं - हमारे लिए (क्योंकि उस समय supermemory में हर कोई डेवलपर था) वास्तव में A/B परीक्षण करना या यह पता लगाना मुश्किल था कि हम अपने संदेश को सबसे अच्छे तरीके से कैसे व्यक्त कर सकते हैं, या कॉपी को कैसे बेहतर बना सकते हैं। डिज़ाइनरों को भुगतान करने के अलावा, हम Framer को सालाना हजारों डॉलर का भुगतान कर रहे थे। किसी भी बदलाव के लिए, मैं अपने एजेंट को ऐसा करने का आदेश नहीं दे सकता था। मुझे उन्हें अच्छी तरह से बताना होता था कि यह कैसे करना है। और फिर उनके साथ बार-बार काम करना होता था जब तक कि यह हमारे लिए समझ में न आ जाए।
मैंने यह सब खत्म करने का फैसला किया। भाड़ में जाए। मैं खुद लैंडिंग पेज बनाऊंगा।
Claude Code के साथ शानदार डिज़ाइन
मैं कोई डिज़ाइनर नहीं हूं। लेकिन आपको https://supermemory.ai देखना चाहिए - यह Claude Code के साथ सिर्फ 4 घंटे में बनाया गया था।
हाँ। यह सही है। मैंने पहले Claude से पूछकर शुरुआत की कि हमें अपने उपयोगकर्ताओं को वास्तव में क्या बताना चाहिए और कॉपी तैयार की।
यह पूरी चीज़ एक ही Claude Opus 4.6 1M सत्र था।
कौशल तैयार करें (Prepare the Skills)
अपनी योजना के आधार पर, मैं जानता था कि मैं चाहता हूं कि Claude वास्तव में अच्छा SVG एनिमेशन करे। मैंने सबसे अच्छे SVG एनिमेशन कोर्सेज के लिए इंटरनेट छान मारा, उन्हें ट्रांसक्राइब किया, और सबसे अच्छी सीख से एक स्किल बनाई। स्किल बड़ी नहीं थी, लेकिन यह सुनिश्चित करने के लिए पर्याप्त थी कि बेसलाइन मजबूत हो।
एक सबएजेंट ने इसे तैयार किया। https://github.com/supermemoryai/skills/blob/main/svg-animations/SKILL.md
इसी तरह, मैंने उन सभी चीज़ों के लिए बुनियादी कौशल तैयार किए जिनके बारे में मैं जानता था कि मैं एक डिज़ाइनर से जानने की उम्मीद करूंगा।
यह सेक्शन, उदाहरण के लिए, पूरी तरह से SVG एनिमेशन का उपयोग करके किया गया है।
टूलिंग बनाएं (Build the Tooling)
कई विज़ुअल्स के लिए, मैं जानता था कि मुझे कुछ लाइब्रेरीज़ की आवश्यकता होगी - विशेष रूप से एनिमेटेड ASCII आर्ट और पिक्सेलाइज़ेशन इफेक्ट्स के लिए।
इसलिए, मैंने दो सबएजेंट भेजे ताकि यह पता लगाया जा सके कि हम वेब पर इन एनिमेशन को सबसे अच्छे और कुशल तरीके से कैसे कर सकते हैं, और इससे एक पैकेज बनाया ताकि मुख्य डिज़ाइन चीज़ें इसमें भ्रमित न हों।
Claude ने अपने आप एक पैकेज बनाया, इसे मेरे Github पर रखा - https://github.com/dhravya/landing-effects और यह दिखाने के लिए GIFs भी रिकॉर्ड और जोड़े कि एनिमेशन कैसे दिखेंगे।
अच्छी मेमोरी के साथ लूप को बंद करना (Closing the Loop with Good Memory)
पूरे सत्र के दौरान, मैंने सुनिश्चित किया कि Claude वास्तव में देख रहा है और सोच रहा है कि यह कैसा दिखता है। यह सभी व्यावसायिक आवश्यकताओं को भी जानता है, हमारी टीम को क्या चाहिए, और हमारे उपयोगकर्ता क्या मांग रहे हैं, क्योंकि मैं Supermemory Claude Code प्लगइन का उपयोग कर रहा था।
हम अपने सभी ग्राहक रिकॉर्डिंग और टीम मीटिंग्स को अपनी टीम के supermemory में डाल रहे हैं, और कोडिंग सत्रों को भी वही मिलता है। चूंकि Claude पहले से ही सब कुछ जानता था कि हम क्या करते हैं और कौन हैं, यह एक डिज़ाइन भाषा और रणनीति के साथ आने में सक्षम था जिसने हमारे रूपांतरणों में 40% की वृद्धि की। https://github.com/supermemoryai/claude-supermemory
मुख्य भाग सिर्फ Claude के लिए अच्छी मेमोरी नहीं है - supermemory वह बहुत अच्छी तरह से करता है। मुख्य भाग यह तथ्य था कि यह मेमोरी और संदर्भ न केवल कोडिंग सत्रों से बल्कि हमारे दैनिक जीवन, हमारे claude.ai चैट, टीम के openclaw एजेंटों और अधिक से एकत्र किया जाता है।
पूर्णता (Completeness)
मैंने इसे प्रदर्शन और SEO के लिए पूरे पेज का विश्लेषण करने के लिए कहा - और इसने किया।
यह थोड़ा "vibe coded" लग सकता है - और यह मेरे लिए ठीक है। मुझे पता है कि मैं कुछ भी शिप करने के लिए महीनों इंतजार करने के बजाय पुनरावृत्ति के माध्यम से महानता की ओर बढ़ सकता हूं।
AI नेटिव - इसे एक बैकग्राउंड एजेंट से जोड़ें
हम supermemory बनाने वाले सिर्फ 4 पूर्णकालिक कर्मचारी हैं। बस इतना ही। और इसमें मैं भी शामिल हूं - एक एकल संस्थापक।
उनमें से एक, जो गैर-तकनीकी है, एक बैकग्राउंड एजेंट के साथ, लैंडिंग पेजों पर सभी काम स्वायत्त रूप से कर सकता है।
जिसका मतलब है कि टीम में हर कोई अब डिज़ाइनर है, बस पर्याप्त पुनरावृत्ति चक्रों के साथ।
हम कुछ अविश्वसनीय समय में जी रहे हैं। जब हम चीज़ों का पता लगा रहे होते हैं तो अधिकांश डिज़ाइन कार्य टीम द्वारा किया जा सकता है (और किया जाना चाहिए)।
डिज़ाइन निश्चित रूप से उत्पाद के लिए महत्वपूर्ण है - लेकिन अधिकांश लोग शायद इसके लिए अधिक भुगतान कर रहे हैं।
