Designer-দের জন্য

Designer-দের জন্য Git

Claude Code নিয়ে কাজ করা designer-দের জন্য commit, branch, pull request আর undo-র সহজ ব্যাখ্যা। Guide 07-এর আগে এটা পড়ে নিন।

২৫ মিনিটbeginner

git-for-designersSituation-টা

আপনি Claude Code নিয়ে কাজ করছেন, আর এটা বারবার commit, branch, pull request-এর কথা বলছে। এগুলোর মানে আপনি জানেন না। ভয় পাচ্ছেন কিছু ভেঙে ফেলবেন বা কাজ হারিয়ে ফেলবেন।

Claude Code নিয়ে নিশ্চিন্তে কাজ করার মতো Git আপনি বুঝে যাবেন: কাজ save করা, ভুল undo করা, আর command মুখস্থ না করেই developer-এর সঙ্গে file share করা।

এই guide-এ Claude Code লাগবে। এটা real code বানায়, তাই এটা চলে Claude desktop app-এর Code tab-এ, সাধারণ chat-এ না। বাকি সব designer guide web-এ বা desktop app-এ চলে।

শেষে যা পাবেন

একটা চালু Git repo, setup করে GitHub-এর সঙ্গে connect করা, ৫ মিনিটের মধ্যে

যে ছয়টা Git concept আপনার সত্যিই লাগবে: repo, commit, push, pull, undo আর pull request

Claude Code কী করছে বুঝতে আর আপনি কী চান সেটা বলতে যতটুকু শব্দ জানা দরকার

ধাপ 01

নতুন project repo শুরু করুন

Claude Code আপনার কাজ save করার আগে একটা Git repository লাগবে। Terminal খুলুন (Mac: Command + Space চাপুন, Terminal লিখুন, Enter চাপুন। Windows: Windows key চাপুন, PowerShell লিখুন, Enter চাপুন)। এই guide-এর প্রতিটা command ওখানেই লিখে Enter চেপে চালাতে হবে। এছাড়া github.com-এ একটা free GitHub account লাগবে, আর git remote add চালানোর আগে সেখানে একটা নতুন খালি repo বানিয়ে রাখতে হবে (github.com/new-এ যান, New repository-তে click করুন, খালি রাখুন)। শেষ command, claude, আপনার Claude Code session শুরু করে। "command not found" দেখালে আগে claude.ai/download থেকে Claude Code install করে নিন।

bash

# 1. Project folder বানান আর তার ভেতরে ঢুকুন
mkdir my-design-project
cd my-design-project

# 2. Git initialise করুন (.git folder তৈরি হয়)
git init

# 3. github.com/new-এ গিয়ে একটা খালি repo বানান, তারপর নিচে তার URL paste করুন
git remote add origin https://github.com/your-username/my-design-project.git

# 4. Claude Code চালু করুন (দরকার হলে claude.ai/download থেকে install করুন)
claude

git : init-and-connect

ধাপ 02

Commit কী

Commit হলো নাম দেওয়া একটা save point। Claude কোনো file edit করে change commit করলে, সেই save point আপনার project history-তে স্থায়ীভাবে থেকে যায়। Google Docs-এর version history-র কথা ভাবুন, পার্থক্য শুধু এটুকু যে এটা স্থায়ী, আর যেকোনো point-এ ফিরে গিয়ে দেখা যায়। আগে কোনো commit করে থাকলে, দেখতে git log --oneline চালান। একদম নতুন project-এ এটা এখনো কিছু দেখাবে না, এটাই স্বাভাবিক।

bash

# আপনার commit history দেখুন (প্রতিটা commit এক line-এ)
# একদম নতুন project-এ এটা কিছুই দেখাবে না, এটা স্বাভাবিক
git log --oneline

git : what-is-a-commit

ধাপ 03

একটা commit করুন

Claude আপনার file edit করার পর, change-গুলো history-তে save করতে commit করুন। তিনটা command: কী বদলেছে দেখুন, যে file save করতে চান সেগুলো stage করুন, message দিয়ে commit করুন।

bash

# Claude কী বদলেছে দেখুন
git status

# বদলানো সব file stage করুন
git add .

# Message দিয়ে commit করুন
git commit -m "Update button component spacing"

git : making-a-commit

ধাপ 04

Push আর pull

আপনার local commit-গুলো push না করা পর্যন্ত শুধু আপনার কম্পিউটারেই থাকে। নতুন project প্রথমবার push করার সময় git push -u origin main ব্যবহার করুন। -u আপনার local branch-কে GitHub-এর সঙ্গে link করে দেয়, তাই এই project-এ পরের সব push শুধু git push দিয়েই চলবে। Pull GitHub থেকে commit নিয়ে আসে। একা কাজ করলে: প্রতিটা session-এর পর push করুন, আর নতুন session শুরুর সময় pull করুন।

bash

# নতুন project-এ প্রথম push (-u দিয়ে branch-কে GitHub-এর সঙ্গে link করুন)
git push -u origin main

# একই project-এ পরের সব push
git push

# GitHub থেকে সর্বশেষ commit নিয়ে আসুন
git pull

git : push-and-pull

ধাপ 05

একটা commit undo করুন

Claude-এর করা কোনো change ফিরিয়ে নিতে চাইলে, git revert একটা নতুন commit বানায় যা আগের একটা commit-কে undo করে। এটা history মোছে না। উপরে একটা undo যোগ করে। GitHub-এ আগেই push হয়ে গেছে এমন কিছুর জন্য git reset-এর চেয়ে এটা নিরাপদ। --no-edit flag commit message editor বাদ দেয় (নইলে Git vim খুলে বসে, যেখান থেকে বের হতে :wq লিখতে হয়)।

bash

# সাম্প্রতিক commit দেখুন আর কোনটা undo করবেন খুঁজে নিন
git log --oneline

# ওই commit undo করুন (ID-টা নিজেরটা দিয়ে বদলে নিন, --no-edit editor বাদ দেয়)
git revert a3f92c1 --no-edit

# Undo-টা GitHub-এ push করুন
git push

git : undo-a-commit

ধাপ 06

Pull request কী

Branch হলো আপনার project-এর একটা আলাদা copy, যেখানে change হলেও main version-এ কোনো প্রভাব পড়ে না। Claude Code-এর সঙ্গে নতুন কোনো feature নিয়ে কাজ করলে Claude একটা branch বানায়। কাজ ready হলে আপনি একটা pull request খোলেন: branch-এর change-গুলো main version-এ merge করার একটা proposal। একজন developer সেটা review করে merge করেন। "Claude এটা বানিয়েছে" থেকে "এটা এখন product-এ আছে" পর্যন্ত change এভাবেই পৌঁছায়। gh pr create command-এর জন্য GitHub CLI লাগবে (cli.github.com থেকে install করুন)।

bash

# নতুন feature-এর জন্য একটা branch বানান
git checkout -b feature/new-checkout-flow

# ... Claude Code এখানে কাজ করে change commit করে ...

# একটা pull request খুলুন (GitHub CLI লাগবে: cli.github.com)
gh pr create --title "New checkout flow" --body "Built with Claude Code"

git : pull-request-flow

এরপর কী?

Claude Code দিয়ে আপনার প্রথম flow বানান

New guides, when they ship

One email, roughly weekly. CLAUDE.md templates, workflows I actually use, and the cut-for-length stuff that does not make the public guides. One-click unsubscribe.

Or read Product Field Notes, the Substack