Groselia

बनाना अब रुकावट नहीं रहा। दिखना रुकावट बन गया।

AI ने सॉफ़्टवेयर बनाने की लागत गिरा दी। बिना इंजीनियरिंग बैकग्राउंड वाला फ़ाउंडर अब एक वीकेंड में प्रोडक्ट शिप कर सकता है, और बाक़ी सब भी। जो सस्ता नहीं हुआ, वह है किसी का ध्यान खींचना। डिस्ट्रिब्यूशन एक लगातार चलने वाला ऑपरेशन है, कोई एक काम नहीं: हर दिन पोस्ट करना, आठ नेटवर्क पर जिनमें हर एक को अलग फ़ॉर्मेट चाहिए, हर टिप्पणी का जवाब देना, और ऐसे आँकड़े पढ़ना जिन्हें हर ऐप अलग तरह से रिपोर्ट करता है।

स्टार्टअप इसकी क़ीमत तीन में से किसी एक तरीक़े से चुकाते हैं। वे ऐसी टीम रखते हैं जिसका ख़र्च वे अभी उठा नहीं सकते, वे दर्जन भर टूल जोड़ते हैं जिनमें हर एक बस एक टुकड़ा सुलझाता है, या वे कुछ पोस्ट नहीं करते और ग्रोथ से क़ीमत चुकाते हैं। Groselia चौथा विकल्प बनने के लिए है।

Groselia ने चार बार अपना रूप बदला, तब जाकर पता चला कि वह असल में क्या है। हर मोड़ पर जो काम किया वह रखा, और बाक़ी छोड़ दिया।

1. 

   2025 का अंत – फ़र॰ 2026

   Argibee

   एक AI ब्रांड-डिज़ाइन प्लेटफ़ॉर्म। यह 2025 के अंत में एक प्रोटोटाइप के रूप में शुरू हुआ और फ़रवरी 2026 में असली कंपनी बना। इसे अपना मार्केट नहीं मिला, लेकिन इसका ब्रांड-किट इंजन उसके बाद की हर चीज़ की रीढ़ बन गया।

2. 

   अप्रैल 2026

   मोशन वीडियो

   Groselia की शुरुआत After Effects टेम्पलेट से बने Apple-स्टाइल लॉन्च वीडियो के रूप में हुई। मैंने पूरी पाइपलाइन हाथ से परखी, और फिर देखा कि यह क्वालिटी के स्तर पर स्केल नहीं हो सकती।

3. 

   जून 2026

   Link Vector से प्री-सीड

   हम Link School of Business के Startup School में शामिल हुए, फ़ाउंडर्स के लिए 100 दिनों का प्रोग्राम जिसे एक रियलिटी शो की तरह फ़िल्माया गया (सीज़न देखें ↗)। यह एक डेमो डे के साथ ख़त्म हुआ जहाँ मैंने स्टेज पर Groselia को पिच किया, और हमारे प्री-सीड के साथ: Link Vector से R$100k, जो Link School of Business का एक्सेलरेटर है, जहाँ से मैंने ग्रेजुएशन किया।

   

4. अगस्त 2026

   मार्केटिंग के लिए Lovable

   फ़ॉर्म की जगह एक बातचीत: कैंपेन बताइए और Groselia उसे प्लान करता है, लिखता है और पब्लिश करता है। टूल वाला एक चैट एजेंट, बॉट्स की फ़ौज नहीं।

5. सितंबर 2026

   एक सोशल मीडिया मैनेजर

   ग्राहक नहीं चाहते थे कि AI उनका कंटेंट बनाए। वे चाहते थे कि उनकी अपनी फ़ोटो अच्छे से पोस्ट हों और उनकी टिप्पणियों के जवाब दिए जाएँ। हमने जनरेशन हटा दिया और चैनल चलाने पर पूरा ध्यान लगाया।

6. 

   अब

   सर्विस, सॉफ़्टवेयर की तरह

   हम काम बेचते हैं, टूल नहीं। हमारी टीम हर ग्राहक का सोशल मीडिया इसी प्लेटफ़ॉर्म पर चलाती है, जिससे एक व्यक्ति वह चला पाता है जिसके लिए पहले पूरी एजेंसी लगती थी।

पब्लिक में बनाया

हमने शुरू से ही पब्लिक में बनाया। जब यह Argibee था, तब हमने YouTube पर अपना सफ़र शेयर किया, Argibee की वेटलिस्ट के लॉन्च से लेकर उस पहले वीडियो तक जिसमें हमने Groselia दिखाया। बाक़ी कहानी, वीडियो दर वीडियो, हमारे चैनल पर है ↗.

मैं चाहता था कि Groselia का ब्रांड बोल्ड हो: कुछ ऐसा जो लोगों को रुककर देखने पर मजबूर करे, वेबसाइट पर, ऐप में और हमारे सोशल मीडिया की हर पोस्ट में। कोई भी इसे जहाँ भी देखे, वह प्रभावित हो, थोड़ी तारीफ़ करे, और जो उसने अभी देखा उसकी वजह से हमें हायर करना चाहे। सबसे बढ़कर, इसे टेक स्टार्टअप्स को शानदार लगना था, वह इकोसिस्टम जिसका हम हिस्सा हैं और वे ग्राहक जिनके लिए हम सबसे पहले बनाते हैं।

मैंने पूरा ब्रांड Codex के अंदर Figma प्लगइन से डिज़ाइन किया: लोगो, टाइपोग्राफ़ी और वह सही अनुपात में सिंबल के साथ कैसे जुड़ती है, इमेजरी, SVG आइकन लाइब्रेरी, टाइप स्टाइल और एक व्यवस्थित कलर पैलेट। हर फ़ैसला एक ही बोर्ड पर गया, नापकर, ताकि उसकी तुलना हो सके और उस पर बहस हो सके।

सिंबल

सिंबल सबसे पहले आया और टिका रहा। एक केंद्र के चारों ओर घूमती तीन नरम पंखुड़ियाँ, यह कंपनी के बिल्कुल पहले वर्ज़न से चला आ रहा है, और नया लोगो इसके ऊपर नहीं बल्कि इसके इर्द-गिर्द बनाया गया: इसकी ज्यामिति को कॉपी और स्केल किया गया, कभी दोबारा नहीं बनाया गया।

वर्डमार्क

वर्डमार्क TT Commons Pro Bold में है, छोटे अक्षरों में, वेक्टर में आउटलाइन किया हुआ ताकि हर जगह एक जैसा दिखे। अपनी सामान्य स्पेसिंग पर यह सिंबल के बगल में ढीला लगता था, तो मैंने इसे −4% ट्रैकिंग तक कस दिया, 160px पर हर अक्षर को 6.4 यूनिट और बाईं ओर खिसकाकर। सुनने में मामूली लगता है; इससे शब्द की चौड़ाई 564 से 520 यूनिट हो गई और वह एक आकृति की तरह पढ़ा जाने लगा।

H का ग्रिड

सब कुछ H में नापा जाता है, यानी वर्डमार्क की दिखने वाली ऊँचाई, H/10 के ग्रिड पर। इस तरह लोगो स्केल होता है और किसी को फिर से आँख से अंदाज़ा नहीं लगाना पड़ता।

स्टैक्ड लोगो के लिए मैंने छह विकल्प बनाए, तीन सिंबल साइज़ (1.50H, 1.75H, 2.00H) और दो गैप (0.15H, 0.25H), और हमने चुना B: 1.75H का सिंबल, शब्द से 0.15H ऊपर। हॉरिज़ॉन्टल वाले के लिए मैंने 0.20H से 0.35H तक के गैप की तुलना की और तय किया 1.10H का सिंबल, 0.35H के गैप के साथ।

हॉरिज़ॉन्टल

सिंबल 1.10H · गैप 0.35H

स्टैक्ड

सिंबल 1.75H · गैप 0.15H

सिंबल

मूल अनुपात, 0.93 : 1

Colour

The palette is fifteen colours, loud on purpose. But the logo only ever comes in four treatments: blue symbol with black text, blue with white, all black and all white. The other colours are grounds, never the symbol.

To prove that, I put the symbol and both lockups on twelve backgrounds, 24 studies each, and kept the ones where its silhouette survives. On blue grounds the symbol goes monochrome. Click a colour to copy it.

टाइपोग्राफ़ी

TT Commons Pro हर काम करता है: Light से ExtraBold तक छह वेट, 12 से 96px तक ग्यारह स्टेप का स्केल, और असली इटैलिक। मैंने फ़ाइल की सभी 688 टेक्स्ट लेयर इस पर माइग्रेट कीं, ताकि ब्रांड बुक, ऐप और वेबसाइट अब एक ही आवाज़ में बोलें।

ऐप आइकन

ऐप आइकन वह इकलौती जगह है जहाँ ब्रांड 3D में जाता है: पोर्सिलेन में सिंबल, परतों में, ऊपर से रोशनी और थोड़ी चमक। बाद के एक रिफ़्रेश में मैंने इसके अंदर सिंबल को 10% छोटा किया ताकि उसे अपनी टाइल में साँस लेने की जगह मिले। वर्डमार्क के साथ इसका अपना लॉकअप भी है, टाइल 1.5H पर।

3D चीज़ों की एक दुनिया

लोगो के आसपास 3D चीज़ों की एक पूरी टोली रहती है: गोल-गोल आँखों वाला दिल, चैट बबल, एक हैशटैग, चमकते सितारे। ये वेबसाइट पर और हमारी पोस्ट में ब्रांड की आवाज़ हैं, और कभी स्थिर नहीं रहते: ये तैरते हैं, और साइट पर कर्सर पर प्रतिक्रिया देते हैं। ये वाले भी: इन्हें धक्का दें, या किसी एक को खींचकर छोड़ दें।

Neo डूडल

हर फ़्लैट चीज़ के लिए Neo है, हमारा आइकन सेट: मोटी काली आउटलाइन, पैलेट से भरे रंग और एक सफ़ेद चमक। वेबसाइट पर हर आइकन एक सफ़ेद चिप में सादे लाइन आइकन की तरह शुरू होता है, और होवर करने पर अपने डूडल में बदल जाता है, उसके हिस्से एक-एक करके आते हैं: डिस्क उछलती है, बार गिरते हैं, चमक खिंचती है। ये वेबसाइट के अपने डूडल और एनिमेशन हैं, जस के तस कॉपी किए हुए। किसी एक पर होवर करें।

Groselia में सब कुछ एक चैट में टाइप करके होता है। आप लिखते हैं कि क्या जाना चाहिए और कब, और यह उसे शेड्यूल करता है, पब्लिश करता है, टिप्पणियों का जवाब देता है और बताता है कि क्या चला। काम एक प्लान के रूप में आता है जिसे ओनर अप्रूव करता है, दर्जन भर स्क्रीन चलाने के बजाय।

मुख्य फ़ीचर

• एक लिंक से ब्रांड किट

  एक वेबसाइट पेस्ट करें और अपने अकाउंट कनेक्ट करें। Groselia साइट स्क्रेप करता है, आपकी पुरानी पोस्ट पढ़ता है और लोगो, रंग, फ़ॉन्ट, आवाज़ और ऑडियंस ख़ुद भर देता है।

• एक बातचीत

  41 टूल वाला एक AI एजेंट आपके मीडिया के कैप्शन लिखता है, आपके अपने एंगेजमेंट डेटा से समय चुनता है, मेट्रिक्स पढ़ता है और जवाबों के ड्राफ़्ट बनाता है, फिर सबको एक प्लान में बाँध देता है।

• आठ नेटवर्क के लिए एक कैलेंडर

  Instagram, LinkedIn, TikTok, YouTube, X, Facebook, Threads और Reddit, हर एक अपने नेटिव फ़ॉर्मेट में, पुरानी पोस्ट इम्पोर्ट होकर, ताकि कैलेंडर कभी ख़ाली न रहे।

• हर टिप्पणी का जवाब

  हर नेटवर्क की टिप्पणियाँ और DM एक इनबॉक्स में, ब्रांड की आवाज़ में तैयार जवाबों के साथ, और कुछ भी संवेदनशील किसी इंसान के लिए रोककर।

• आसान भाषा में Insights

  हर अकाउंट की रीच, व्यू और एंगेजमेंट, इस बारे में ईमानदार कि हर प्लेटफ़ॉर्म क्या रिपोर्ट करता है और क्या नहीं, और “क्या चल रहा है?” का जवाब।

• साइकल और अप्रूवल

  काम साइकल में चलता है। हर साइकल एक मीटिंग से शुरू होता है, एक रिपोर्ट से ख़त्म होता है जिसे AI आँकड़ों से लिखता है, और हर पोस्ट ग्राहक की मंज़ूरी का इंतज़ार कर सकती है।

AI एजेंट्स के साथ बना

मैंने Groselia को AI एजेंट्स को अपनी इंजीनियरिंग टीम बनाकर बनाया। Codex और Claude Code ने कोड लिखा, हर बदलाव अपनी अलग ब्रांच पर, जबकि मैंने उसे डिज़ाइन किया, हर पुल रिक्वेस्ट रिव्यू की और तय किया कि क्या शिप होगा।

और अपने ज़्यादातर प्रॉम्प्ट मैंने टाइप करने के बजाय Wispr Flow से बोले। एक अच्छा प्रॉम्प्ट एक लंबा, विस्तृत ब्रीफ़ होता है, और बोलकर मैं उसे उतनी ही तेज़ी से दे पाता था जितनी तेज़ी से सोचता था।

• 

  Codex

  कोडिंग एजेंट

• 

  Claude Code

  कोडिंग एजेंट

• 

  Wispr Flow

  वॉइस डिक्टेशन

वेबसाइट वह जगह है जहाँ ब्रांड खुलकर बोलता है। मैंने इसे Next.js में डिज़ाइन किया और बनाया। यह सत्रह भाषाओं में है, और साइन अप करते समय हर विज़िटर की भाषा ऐप को सौंप देती है।

एक हीरो जिससे आप खेल सकते हैं

पेज लोड होते समय लोगो घूमकर आता है, फिर हीरो: तैरते 3D प्रॉप्स, जो माउस के साथ झुकते हैं और कर्सर से इधर-उधर धकेले जाते हैं, और एक स्क्रॉल सीन जो “आपके लिए बना” पर ख़त्म होता है।

groselia.com

असली ऐप, दोबारा बनाया

“आपके Groselia के अंदर” प्लेटफ़ॉर्म को वैसा ही दिखाता है जैसा वह है, ऐप की अपनी स्क्रीन से एक डेमो ब्रांड के साथ कोड में दोबारा बनाया गया।

groselia.com

एक ब्लॉग

सोशल मीडिया चलाने पर नोट्स। पोस्ट सादी MDX फ़ाइलें हैं, हर भाषा के लिए एक, बिना किसी CMS के, और हर एक का अपना फ़ीड और स्ट्रक्चर्ड डेटा है ताकि सर्च इंजन और AI असिस्टेंट उसे सही पढ़ें।

groselia.com

एक फ़ॉर्म जो लीड को परखता है

हर “कॉल बुक करें” कैलेंडर से पहले एक छोटा फ़ॉर्म खोलता है: आप कौन हैं, कहाँ पोस्ट करते हैं, आपको क्या चाहिए और आपका बजट। हर स्टेप भरते-भरते हमारे डेटाबेस में सेव होता जाता है, तो हम अधूरे जवाब भी देख पाते हैं, और पूरा फ़ॉर्म Slack पर हमारी टीम को सूचना भेज देता है।

groselia.com

हमेशा रिस्पॉन्सिव

हर पेज फ़ोन के लिए भी डिज़ाइन किया गया है, सिर्फ़ छोटा करके फ़िट नहीं किया गया। जहाँ होवर नहीं होता, वहाँ सेक्शन स्क्रीन के बीच में पहुँचते ही जाग उठते हैं।

आर्किटेक्चर

प्लेटफ़ॉर्म मैंने ख़ुद बनाया, AI को अपना जोड़ीदार बनाकर। ऐप React और Vite में है, लैंडिंग Next.js में, और दोनों एक ही Supabase प्रोजेक्ट पर टिके हैं: रो-लेवल सिक्योरिटी वाला Postgres, ऑथ, रियलटाइम और स्टोरेज, और 47 एज फ़ंक्शन। जो कुछ भी धीमा या शेड्यूल्ड है वह Trigger.dev पर चलता है, सोशल नेटवर्क एक पब्लिशिंग API से आते हैं, और Stripe प्लान, कार्ड और ब्राज़ील का boleto संभालता है।

एक MCP सर्वर और एक Codex प्लगइन भी है, ताकि Groselia को किसी AI एजेंट के अंदर से इस्तेमाल किया जा सके: वही ब्रांड, पोस्ट और ड्राफ़्ट, टूल के रूप में।

कहाँ इस्तेमाल होता है

वेब ऐपवेबसाइटMCP सर्वर

↓

कोर

Supabase

ऑथPostgresRealtimeस्टोरेजEdge Functions

↓

इसके पीछे

फ़्रंटियर LLMTrigger.devपब्लिशिंग APIStripePostHog

ऐप, वेबसाइट और MCP सर्वर Vercel पर होस्ट होते हैं।

किसी बॉक्स पर होवर या टैप करें, देखें वह क्या करता है और किससे बात करता है।

एक पोस्ट का सफ़र

हिस्से कैसे जुड़ते हैं, यह देखने का सबसे अच्छा तरीक़ा है एक पोस्ट के पीछे चलना, चैट के एक वाक्य से लेकर Insights पर उसके आँकड़ों तक। स्टेप्स पर क्लिक करते जाएँ, या उन्हें अपने आप चलने दें।

एजेंट

एजेंट बाज़ार के सबसे अच्छे मॉडलों पर चलता है, Anthropic, OpenAI और दूसरे प्रोवाइडर्स के, एक स्ट्रीमिंग एज फ़ंक्शन के रूप में जिसमें टूल लूप है। मॉडल को अपने 41 टूल मिलते हैं, साथ में वेब सर्च और वेब फ़ेच, हर टर्न में आठ हॉप तक। मुश्किल कभी मॉडल नहीं था। मुश्किल यह पक्का करना था कि एजेंट को हमेशा पता हो कि इस वक़्त सच क्या है।

इसलिए हर टर्न में, मॉडल के मैसेज देखने से पहले, फ़ंक्शन डेटाबेस से कॉन्टेक्स्ट दोबारा बनाता है: ओनर के टाइमज़ोन में तारीख़ और समय, ब्रांड के मेमोरी डॉक्यूमेंट, लाइव कैलेंडर, खुले प्लान, अपलोड किए गए डॉक्यूमेंट और पुराने मैसेज का लगातार अपडेट होता सारांश। प्रॉम्प्ट का स्थिर हिस्सा एक घंटे के लिए कैश होता है; यह हिस्सा कभी कैश नहीं होता, इसलिए यह पुराना नहीं पड़ सकता।

बाक़ी सब दो नियमों से तय हुआ। जो कुछ भी पब्लिक है या वापस नहीं लिया जा सकता, वह एक प्लान में जाता है जिसे ओनर अप्रूव करता है, सीधे बाहर कभी नहीं। और कोई पोस्ट तभी मौजूद है जब इसी टर्न में किसी टूल ने उसे बनाया हो, इससे वे दिन ख़त्म हुए जब एजेंट ऐसे काम का ज़िक्र करता था जो उसने किया ही नहीं था। और एजेंट किसी एक मॉडल से बँधा नहीं है: जब एक छोटा, सस्ता मॉडल काफ़ी अच्छा हो गया, तो मैंने हर बातचीत की लागत घटाने के लिए चैट उस पर ले गया।

कॉन्टेक्स्ट, हर टर्न में नए सिरे से बना

निर्देश और टूलएक घंटे के लिए कैश

तारीख़ और समयओनर का टाइमज़ोन

मेमोरी डॉक्यूमेंटपसंद, क्या करें और क्या न करें

लाइव कैलेंडरहर पोस्ट और उसका स्टेटस

खुले प्लानसुझाए गए और अप्रूव्ड

अब तक की कहानीलगातार अपडेट होता सारांश

→LLMटॉप मॉडल · 8 हॉप तक→

टूल कॉल

✓get_posting_times

✓get_insights

✓propose_plan

प्लान, मंज़ूरी का इंतज़ार

फ़सल वाला हफ़्ता: 3 पोस्ट, 4 जवाब

// Volatile block: time + memory + live calendar + active plans + rolling summary.
// Rebuilt each turn (never cached) so the agent always sees current state.
const volatileSystem = () => {
  const parts = [
    nowBlock,
    renderMemories(memories),
    renderCalendar(calendar, todayISO),
    renderPlans(plans),
  ]
  if (documents.length) parts.push(renderDocuments(documents))
  if (rollingSummary) parts.push(`STORY SO FAR (summary of earlier messages in THIS conversation):\n${rollingSummary}`)
  // … then a line for each of the brand's other conversations
  return parts.join('\n\n')
}

डेटा मॉडल

लगभग 55 टेबल, कुछ साफ़ समूहों में। एक वर्कस्पेस में मेंबर और ब्रांड होते हैं; बाक़ी सब ब्रांड से जुड़ा है, ताकि रो-लेवल सिक्योरिटी हर जगह एक ही सवाल का जवाब दे सके: क्या यह व्यक्ति इस ब्रांड का मेंबर है?

भरोसेमंदी और सुरक्षा

Groselia असली अकाउंट पर पब्लिश करता है, इसलिए सबसे महँगी गड़बड़ियाँ हैं कोई पोस्ट दो बार चली जाना, या कोई पोस्ट चुपचाप कभी न जाना। ज़्यादातर इंजीनियरिंग इसी पर है।

कुछ समय तक मेरा लोकल ऐप और लाइव ऐप एक ही प्रोडक्शन डेटाबेस शेयर करते थे, और एक बार डिप्लॉय से पहले चल गए एक माइग्रेशन ने लाइव Brand Kits पेज ख़ाली कर दिया। तब से बैकएंड का काम पहले एक Supabase ब्रांच पर होता है और उस कोड के साथ प्रोडक्शन में मर्ज होता है जिसे उसकी ज़रूरत है।

क्वालिटी और वर्कफ़्लो

140 टेस्ट फ़ाइलों में लगभग 1,000 टेस्ट केस ऐप, MCP सर्वर और एज फ़ंक्शन को कवर करते हैं। कुछ जाँचें इसलिए हैं क्योंकि कभी कुछ टूटा था: अगर 17 में से किसी भी भाषा में कोई की छूट जाए तो एक पैरिटी टेस्ट बिल्ड फ़ेल कर देता है, और MCP के डेटाबेस सूट सिंथेटिक डेटा पर चलते हैं और आख़िर में रोल बैक हो जाते हैं।

एजेंट के अपने इवैल हैं। एक इवैल लाइव एजेंट से किसी ब्रांड की परफ़ॉर्मेंस पर सवालों का एक तय सेट पूछता है, हर सवाल नई बातचीत में, और जाँचता है कि उसने सही अवधि के साथ Insights पढ़ा और उसके जवाब में वही आँकड़े हैं जो Insights पेज दिखाता है।

एक व्यक्ति ने AI एजेंट्स को एक टीम की तरह इस्तेमाल करके 520+ पुल रिक्वेस्ट शिप कीं। हर बदलाव को अपने git worktree में अपनी ब्रांच मिलती है, ताकि Claude Code और Codex एक-दूसरे के रास्ते में आए बिना कई काम एक साथ कर सकें। हर एक अपने टेस्ट और टाइप चेक चलाता है, एक छोटी पुल रिक्वेस्ट खोलता है, और मेरे पढ़ने से पहले कुछ भी मर्ज नहीं होता।

हर एक इंटरफ़ेस का बग लगता था और निकला कुछ ज़्यादा गहरा: एक स्ट्रीम का ढाँचा, एक टाइमस्टैम्प, कोई नेटवर्क असल में क्या रिपोर्ट करता है, एक घड़ी।

export function sameInstant(a: string | null | undefined, b: string | null | undefined): boolean {
  if (a == null && b == null) return true;
  if (a == null || b == null) return false;
  if (a === b) return true;
  const ta = Date.parse(a);
  const tb = Date.parse(b);
  return Number.isFinite(ta) && Number.isFinite(tb) && ta === tb;
}