AI से UI बनवाएँ तो components अपने-आप में ठीक लगते हैं, लेकिन उन्हें साथ जोड़ते ही उसमें "generated" जैसा एहसास आ जाता है.
वजह बदसूरत parts नहीं, बल्कि parts का एक-दूसरे से मेल न खाना है — यानी coherence की कमी.
इसका हल हैरान करने वाला आसान है — हर axis पर (corners, accent color, spacing, shadow) सिर्फ एक value तय करें, और बाकी सबको उसी के अनुसार मिलाएँ.
इसे Refactoring UI, Material 3, Apple HIG, WCAG के आधार और copy-paste CSS के साथ समेटा गया है.
डेमो यहाँ देखें: https://styleseed-demo.vercel.app/how-it-thinks
open source (MIT): https://github.com/bitjaru/styleseed
7 टिप्पणियां
उम्मीद है कि toss UX writing भी दस्तावेज़ीकृत हो जाए।
मैं तैयारी करूँगा।
यह बात कुछ हद तक स्वाभाविक भी लगती है, लेकिन यह ऐसा पहलू था जिसके बारे में मैंने सोचा नहीं था, इसलिए अगर इसे लागू किया जाए तो काफ़ी सुधार होगा—ऐसी उम्मीद है।
इसे इस्तेमाल करके देखें और अपना फ़ीडबैक बेझिझक GitHub पर पोस्ट करें!
क्या पहले से तैयार design system की स्थिति में सिर्फ agent rules लागू नहीं किए जा सकते?
हाँ, आप सिर्फ़ rules को अलग से इस्तेमाल कर सकते हैं.
StyleSeed rules किसी खास रंग या component को थोपते नहीं हैं, बल्कि सिर्फ़ "ऐसी स्थिति में ऐसे" जैसे
निर्णय के मानदंड रखते हैं, इसलिए इन्हें मौजूदा system के ऊपर वैसे ही रखा जा सकता है.
बिना installation के, सिर्फ़ एक वाक्य काफ़ी है:
"https://styleseed-demo.vercel.app/llms.txt पढ़ो और ये design rules लागू करो"
अगर आप मौजूदा design को systematize करना चाहते हैं, तो पहले से तय किए गए फैसले (spacing·roundness·accent color आदि)
उस file में एक-एक line में लिख दीजिए. Agent हर नई screen पर उन्हें फिर से इस्तेमाल करेगा,
और वह एक consistent system की तरह स्थिर हो जाएगा. Default rules सिर्फ़ शुरुआत का बिंदु हैं, और जो फिट न बैठे उसे बदलकर इस्तेमाल किया जा सकता है.
यह बहुत मददगार था। धन्यवाद।