Case StudyFounder, Full-Stack & AI Engineer

Site Mechanic.

एक प्रोडक्शन वेब-डायग्नोस्टिक्स SaaS जो किसी भी वेबसाइट को SEO, परफ़ॉर्मेंस, एक्सेसिबिलिटी, सुरक्षा और टाइपोग्राफ़ी के स्तर पर स्कैन करता है — Claude-संचालित रणनीतिक अनुशंसाओं के साथ।

Client
Independent Product
Year
2026
Tools
Node.js, Express, Claude API, Puppeteer, Lighthouse, Socket.IO, PostgreSQL, Stripe, Kubernetes, Docker
Site Mechanic का स्पेसिमेन कार्ड: एक भारित स्कोर डायल और SEO, परफ़ॉर्मेंस, एक्सेसिबिलिटी, सुरक्षा तथा टाइपोग्राफ़ी के लिए पाँच एनालाइज़र बार।

अवलोकन

Site Mechanic एक संपूर्ण वेबसाइट-डायग्नोस्टिक्स प्लेटफ़ॉर्म है: कोई भी URL डालें और यह SEO, परफ़ॉर्मेंस, एक्सेसिबिलिटी (accessibility), सुरक्षा और टाइपोग्राफ़ी (typography) पर एक समन्वित स्कैन चलाता है, फिर परिणामों को प्राथमिकता-क्रम में सुझाए गए सुधारों सहित एक भारित स्कोर में समेट देता है। यह मेरे AI पोर्टफ़ोलियो का सबसे प्रोडक्शन-कठोर प्रोजेक्ट है — पहले कमिट से लेकर एक लाइव, मुद्रीकृत प्रोडक्ट तक, लगभग नौ महीने का निरंतर डेवलपमेंट।

यह कैसे काम करता है

स्कैनिंग इंजन दस विशेषीकृत एनालाइज़र का समन्वय करता है — फ़ॉन्ट डिस्कवरी, Core Web Vitals के साथ Lighthouse डेस्कटॉप और मोबाइल ऑडिट, बेस्ट प्रैक्टिस, WCAG एक्सेसिबिलिटी, फ़ॉन्ट लाइसेंसिंग, क्रॉस-ब्राउज़र जाँच, रियल-यूज़र मॉनिटरिंग और प्रतिस्पर्धी बेंचमार्किंग — जो Puppeteer, Playwright और Lighthouse पर बने हैं। स्कैन की प्रगति Socket.IO के ज़रिए रीयल-टाइम में ब्राउज़र तक स्ट्रीम होती है, और तैयार रिपोर्टें PDF में निर्यात होती हैं।

AI परत

एक Pro-स्तरीय अनुशंसा सुविधा स्कैन परिणामों को Anthropic के Claude को भेजती है, जो साइट के सबसे कमज़ोर क्षेत्रों के अनुरूप रणनीतिक, सरल भाषा में सलाह लौटाता है। फ़ॉन्ट-पेयरिंग विश्लेषण भी Claude से संचालित है। यह AI परत फ़ीचर-फ़्लैग्ड है और API कुंजी के बिना भी शालीनता से काम करती रहती है; साथ ही एक एडमिन पैनल कॉन्फ़िगर करने योग्य मॉडल चयनकर्ता के साथ प्रति-मॉडल AI खर्च पर नज़र रखता है (लागत के लिए Haiku, डिफ़ॉल्ट के रूप में Sonnet, गहराई के लिए Opus)।

इंजीनियरिंग की मुख्य बातें

  • Stripe सब्सक्रिप्शन, डे पास और एकल-रिपोर्ट खरीद पर आधारित, प्लान के अनुसार फ़ीचर नियंत्रित करने वाला सर्वर-साइड एंटाइटलमेंट सिस्टम
  • दोनों इंजनों के लिए समानांतर टेस्ट सूट के साथ, चालू प्रोडक्ट के बीच में की गई SQLite-से-PostgreSQL माइग्रेशन
  • ऑटोस्केलिंग और नेटवर्क नीतियों के साथ Kubernetes डिप्लॉयमेंट मैनिफ़ेस्ट, Prometheus मेट्रिक्स और GitHub Actions CI/CD
  • बिना किसी फ़्रंटएंड फ़्रेमवर्क के आठ लोकेल में कस्टम i18n परत — तेज़, न्यूनतम-निर्भरता वाला वैनिला JS

परिणाम

190+ कमिट के सतत पुनरावृत्त विकास वाला एक लाइव, राजस्व-तैयार SaaS — एक AI-संवर्धित प्रोडक्ट को विचार से आर्किटेक्चर, सुदृढ़ीकरण और संचालन तक ले जाने का प्रमाण।