Builder.io के डेवलपर Claude Code का इस्तेमाल कैसे करते हैं (+ best tips)

पहले वे Cursor के power user थे, और How I use Cursor (+ my best tips) नाम की पोस्ट से चर्चा में आए Builder.io के Steve Swell ने इस बार Claude Code के उपयोग पर एक बढ़िया टिप्स पोस्ट साझा की है, इसलिए उसका अनुवाद + सारांश यहाँ साझा किया जा रहा है। (ब्लॉग पोस्ट में संदर्भ वीडियो और code snippets भी हैं)

• इसे IDE में integrate करके इस्तेमाल करें। हालांकि अब मैं Cursor का उपयोग सिर्फ CMD+K autocomplete और tab autocomplete के लिए करता हूँ। Cursor का agent mode मैं सिर्फ तब इस्तेमाल करता हूँ जब Claude Code काम नहीं करता।
• पहले code editor window का आकार बड़ा होता था और agent साइड में होता था। आजकल Claude Code की window ज्यादा बड़ी रहती है।
• Builder.io में 18,000 lines वाला एक single React component है। इसे ठीक से संभाल पाने वाला कोई AI नहीं था, लेकिन Claude Code यह कर लेता है।
• मैं $100 plan पर हूँ और आम तौर पर सिर्फ Opus इस्तेमाल करता हूँ। ज़्यादातर लोगों के लिए default setting (50% Opus, और खत्म होने पर Sonnet) भी काफी होगी। इसे ठीक से इस्तेमाल करना है तो नया काम शुरू करने से पहले हमेशा /clear करें।
• Claude Code को permissions देने वाला flag (claude --dangerously-skip-permissions) सोच से कम खतरनाक है, इसलिए risk लेकर इसे आज़माया जा सकता है।
• GitHub integration (/install-github-app) से PR review करवाना उम्मीद से ज्यादा उपयोगी है। यह logic errors और security issues भी अच्छी तरह पकड़ लेता है। लेकिन default review prompt खास अच्छा नहीं है, इसलिए claude-code-review.yml में इसे बदलें।
• # से memory जल्दी जोड़ना भी अच्छा है। यह अपने-आप सबसे उपयुक्त memory file में डाल देता है।
• Queue system अच्छा है। काम करते समय जो चीज़ें छूट जाएँ, उन्हें बस एक-एक करके जोड़ते जाएँ, यह खुद संभाल लेता है। बीच में feedback चाहिए तो बिना सोचे-समझे edit करने के बजाय मुझसे दोबारा पूछना भी ठीक है।
• Custom hooks, slash commands, और project-specific settings जितनी अच्छी तरह सेट हों, Claude Code उतना ही सुविधाजनक हो जाता है—और इसे कहें तो यह सब खुद सेट करने में भी मदद करता है।
• Custom commands में $ARGUMENTS डाल पाना भी उपयोगी है। Subfolder भी काम करते हैं। /buider/plugin टाइप करने पर यह builder folder के plugin.md तक पहुँच जाता है।
• Builder.io extension को IDE में जोड़ें तो Claude Code जैसी chat interface + design preview + visual edit भी मिलती है। Claude Code को reverse engineer करके interface को जितना हो सके उतना समान बनाया गया है।
• इसके अलावा, पहली बार इस्तेमाल करने वालों को शायद न पता हों ऐसी बातें
  • Shift + Enter से नई पंक्ति नहीं बनती, लेकिन /terminal-setup चलाने पर यह ठीक हो जाता है.
  • IDE में integrate होने पर file को बस drag करने से reference नहीं जुड़ता। (ऐसा करने पर IDE में सिर्फ वह file खुलती है।) Shift दबाकर drag करें।
  • Claude को रोकने के लिए CTRL+C नहीं, बल्कि Esc दबाना चाहिए।
  • Clipboard images को (Mac पर भी) CMD+V नहीं, बल्कि CTRL+V से paste करना होता है।
  • ऊपर वाला arrow दबाने पर (session खत्म हो गया हो तब भी) पिछली chat पर जा सकते हैं। Esc दो बार दबाने पर सभी messages देख सकते हैं।