Bolt.new एक prompt से पूरा runnable project खड़ा कर देता है — यही इसकी superpower है और यही trap भी। Scaffold तेज़ी से आ जाता है, लेकिन आपके prompt का हर vague sentence codebase में कहीं-न-कहीं एक default बन जाता है। यह guide Bolt से specifically websites — marketing pages, portfolios, launch pages — बनवाने के बारे में है (prompt examples English में ही use करें)।
Page से पहले project को constrain करें
Bolt पहले project की shape तय करता है, page का design बाद में। शुरुआत project को छोटा करके करें:
Vite + React + Tailwind, single page, no router, no backend, no component library. Everything in one App.tsx plus small local components.
इसके बिना ऐसा multi-route scaffold मिल सकता है जिसकी nav ख़ाली pages की ओर इशारा करती है — plausible structure, बर्बाद generation।
Visual identity front-load करें
Principle हर builder में एक है, पर Bolt इसे double reward देता है क्योंकि वह आपकी Tailwind config भी लिखता है:
Extend the Tailwind theme: background #06060A, accent emerald-400, font display "Clash Display", font body Inter. Border radius 14px everywhere.
Colors को ad-hoc describe करने के बजाय tokens को theme में रखने से हर generated section उन्हें inherit करता है, और बाद के edits consistent रहते हैं।
Page को passes में माँगें
Bolt लंबे prompts संभाल लेता है, लेकिन websites दो messages में साफ़ निकलती हैं: पहले shell (nav, hero, footer, theme, motion conventions), फिर "now add sections 2–5" — हर section की एक line। दूसरा pass established conventions inherit करता है, mid-file उन्हें re-invent नहीं करता।
Interaction details pin करें
Bolt असली code लिखता है, इसलिए interaction requests intentions नहीं, actual handlers बनती हैं। Specific रहें: sticky nav जो 24px scroll के बाद border और blur पाए; accordion FAQ जिसमें एक बार में एक item खुले; nav height से match करता scroll-margin-top। हर एक — एक sentence, और लगभग verbatim survive करता है।
जब prompt ही product हो
एक ठीक-ठाक Bolt page और एक striking page का फ़र्क़ शायद ही कभी tool होता है — फ़र्क़ यह है कि prompt में असली art direction है या नहीं। इसे हर project के लिए लिखना एक craft है; उधार लेना तेज़ है। हमारी library entries ठीक वही packaging हैं — direction, skeleton, type, motion, constraints — Bolt समेत सभी major builders पर tested। 60 free हैं, बिना account; animated backgrounds Bolt के साथ ख़ास अच्छे बैठते हैं क्योंकि वे pure CSS/canvas में निकलते हैं, बिना video assets के।