Claude Code ni 100% O'rganing

Siz AI yordamchidan to'liq foydalanishni o'rganasiz โ€” darslar, amaliyot, quiz va real stsenariylar bilan.

Umumiy progress 0%
0/18
Darslar bajarildi
0%
Quiz natijasi
0
Badges
0
Promptlar yaratildi

Qayerdan boshlash kerak?

๐Ÿ‘ค

1. Claude Nima?

Claude Code nima, qayerda ishlaydi, ChatGPT bilan farqi

โšก

2. Qobiliyatlar

12 ta asosiy qobiliyat va real prompt misollari

๐Ÿ’ฌ

3. Prompt Builder

Forma to'ldiring โ€” mukammal prompt avtomatik yaratiladi

Claude Nima?

Claude Code haqida hamma narsani bilib oling

๐Ÿค– Claude Code nima?โ–ผ

Claude Code โ€” Anthropic kompaniyasi tomonidan yaratilgan AI coding assistant. U oddiy chatbot emas โ€” to'liq dasturlash muhiti bilan ishlaydi.

Nima qila oladi:

  • Kod yozish, tushuntirish, debug qilish
  • Butun loyiha fayllarini o'qish va tahlil qilish
  • Terminal buyruqlarini bajarish
  • Git operatsiyalar (commit, push, branch, merge)
  • GitHub PR, issue boshqarish
  • Figma, Lovable, Supabase kabi toollar bilan integratsiya
๐Ÿ’ป Qayerda ishlaydi?โ–ผ
Terminal (CLI)
claude buyrug'i bilan ishga tushiriladi
VS Code
Extension orqali, IDE ichida
JetBrains
IntelliJ, WebStorm, PyCharm
Web
claude.ai/code brauzerda
GitHub Actions
CI/CD pipeline ichida
๐Ÿ”ฎ Qanday modellar bor?โ–ผ
ModelTezlikQobiliyatQachon ishlatish
claude-haiku-4-5โšก Eng tezOddiy vazifalarQuick edits, tez javob
claude-sonnet-4-6๐Ÿ”„ O'rtaBalansliKundalik dasturlash
claude-opus-4-8๐Ÿข SekinEng kuchliMurakkab arxitektura

Model almashtirish: /model claude-opus-4-8

โš”๏ธ ChatGPT bilan farqi?โ–ผ
XususiyatClaude CodeChatGPT
Loyiha fayllariga kirishโœ… To'liqโŒ Yo'q
Terminal buyruqlarโœ…โŒ
Git boshqarishโœ…โŒ
Butun repo kontekstiโœ…โŒ
MCP integratsiyalarโœ… 100+โŒ
CLAUDE.md xotiraโœ…โŒ
Hooks avtomatizatsiyaโœ…โŒ
๐Ÿง  Kontekst oynasi nima?โ–ผ

Claude Code bir vaqtda ko'radi:

  • Barcha loyiha fayllari (src/, components/, ...)
  • Git tarix (kim nima o'zgartirdi)
  • Terminal output (oxirgi buyruqlar natijalari)
  • CLAUDE.md (loyiha qoidalari)
  • Environment variables (.env)

Kontekst 200,000 token โ€” katta loyihalarda /compact ishlatish kerak.

๐Ÿ“„ CLAUDE.md nima va qanday yoziladi?โ–ผ

CLAUDE.md โ€” loyiha haqida doimiy ko'rsatmalar fayli. Claude har sessiyada o'qiydi. Qanchalik to'liq bo'lsa, shunchalik yaxshi ishlaydi.

# [Loyiha nomi]

## Texnologiya
- Frontend: React 18, TypeScript, Tailwind CSS
- Backend: Node.js, Express, Prisma
- DB: PostgreSQL
- Test: Jest, React Testing Library

## Arxitektura
- src/components/ โ€” UI komponentlar
- src/hooks/ โ€” Custom hooklar
- src/lib/ โ€” Utility funksiyalar
- src/api/ โ€” API calls

## MUHIM QOIDALAR
- Har doim TypeScript tiplar yoz, any ishlatma
- Komponentlar 150 qatordan oshmasin
- Har funksiya bitta ish qilsin
- Error handling HAMMA JOYDA bo'lsin

## Stil
- Tailwind faqat, CSS modules ishlatma
- Dark mode doim qo'llab-quvvatlansin

## Test
- Har yangi funksiya uchun test yoz
- 80%+ coverage saqlash

Yaratish uchun: /init buyrug'i

Qobiliyatlar

12 ta asosiy qobiliyat โ€” har birida real prompt misoli

Prompt Builder

Forma to'ldiring โ€” mukammal prompt avtomatik yaratiladi

Kategoriya tanlang:

๐Ÿ› Bug Fix
๐Ÿ’ป Yangi Kod
๐Ÿ” Tushuntir
โ™ป๏ธ Refactor
โœ… Test
๐Ÿ”Œ API
๐Ÿ”’ Security

Yaratilgan Prompt:

Formani to'ldiring va "Prompt Yaratish" tugmasini bosing...

Prompt Misollari

Buyruqlar Kutubxonasi

CLI Buyruqlar

Slash Komandalar

Ilg'or Texnikalar

Pro darajada foydalanish uchun

๐Ÿง  Kontekst Boshqarishโ–ผ
BuyruqQachonNima qiladi
/compactKontekst to'lib qolgandaMuhim narsalarni saqlagan holda siqadi
/clearYangi vazifadaButunlay tozalaydi
@fayl.tsAniq fayl kerakdaFaqat shu faylni kontekstga qo'shadi
--add-dir ./srcQo'shimcha papkaYangi papkani kontekstga qo'shadi

๐Ÿ’ก Katta loyihalarda har 30-40 muloqotdan keyin /compact ishlatish tavsiya etiladi

๐ŸŒฟ Git Workflow Bilan Ishlashโ–ผ

Feature branch yaratish

feature/user-auth branch yarat va switch qil

Conventional commits

O'zgarishlarni commit qil, conventional commits format ishlatgin
(feat:, fix:, refactor:, docs:, test:)

Conflict resolve

main branch bilan conflict bor, feature/payment branchidaman.
Conflict resolve qilib merge qil, business logic saqlansin.

PR tayyorlash

Bu o'zgarishlar uchun PR description yoz:
- Nima o'zgardi
- Nima uchun
- Qanday test qilish mumkin
๐Ÿค– CI/CD va Avtomatlashtirishโ–ผ

Non-interactive rejimda ishlatish (CI uchun):

claude -p "test yozilmagan funksiyalarni toping va test yoz" --output-format json

GitHub Actions:

- name: Claude Code Review
  run: |
    claude -p "Bu PR dagi o'zgarishlarni review qil, xatolarni toping"
๐Ÿ“ Multi-File Vazifalarโ–ผ
src/auth/ papkasidagi barcha fayllarni ko'rib, login flow ni tushuntir
components/Button.tsx va components/Input.tsx ni bir xil stil ga keltir
api/users.ts dagi TypeScript types bilan types/user.ts ni sinxronlashtir

Real Loyiha Stsenariylari

Haqiqiy vaziyatlarda qanday prompt yozish kerak

Prompt Patterns

Pro texnikalar โ€” Claude dan maksimal natija olish

๐Ÿ”— Chain of Thought โ€” Bosqichma-bosqichโ–ผ

Murakkab muammolarda Claude ni bosqichma-bosqich fikrlashga majburlash:

Bu muammoni bosqichma-bosqich hal qil:
1. Avval muammoni o'zing tushuntir
2. Yechim variantlarini sanab ber (kamida 3 ta)
3. Eng yaxshisini tanlash sababini ayt
4. Kodni yoz
5. Qanday test qilish kerakligini ayt
๐ŸŽญ Role Playing โ€” Rol berishโ–ผ

Claude ga aniq rol berilsa, shu soha eksperti sifatida javob beradi:

Sen 10 yillik tajribali senior backend engineer sifatida bu kodni ko'r.
Performance va security ga alohida e'tibor qaratasan.
[KOD]
Nima yaxshilanishi mumkin? Priority bo'yicha sanab ber.
โ›“๏ธ Cheklovlar Bilan โ€” Constraint-basedโ–ผ

Aniq cheklovlar berish sifatni oshiradi:

Login form yoz, LEKIN:
- Redux ishlatma (Zustand ishlatgin)
- TypeScript any ishlatma
- 100 qatordan oshmasin
- ARIA accessibility qoidalari
- Test bilan birga ber
- Error states ham ko'rsat
๐Ÿ”„ Iterative โ€” Qadamma-qadamโ–ผ

Katta vazifalarni bosqichlarga bo'lish:

1-qadam: Faqat TypeScript interfacelari va typeslarni yoz
[Claude javob beradi]

2-qadam: Endi implementationni yoz
[Claude javob beradi]

3-qadam: Unit testlar
[Claude javob beradi]

4-qadam: Edge caseslar va error handling
โš–๏ธ 3 Xil Yechim So'rashโ–ผ
Bu muammoni 3 xil usulda yech:
1. Oddiy/tez yechim (MVP)
2. Best practice yechim
3. Enterprise-grade yechim

Har birining afzalligi, kamchiligi va qachon ishlatish kerakligini ayt.
๐Ÿ“‹ Formatli Code Reviewโ–ผ
Bu kodni review qil va natijani QUYIDAGI FORMATDA ber:

## ๐Ÿ”ด Muammolar (tuzatish SHART)
- [muammo]: [tushuntirish] โ†’ [yechim kodi]

## ๐ŸŸก Yaxshilashlar (ixtiyoriy)
- [tavsiya]: [sabab]

## ๐ŸŸข Yaxshi tomonlar
- [nima yaxshi va nima uchun]

Umumiy baho: X/10
[KOD]

Hooks & Avtomatizatsiya

Claude Code da voqealar bo'lganda avtomatik ishlaydigan skriptlar

PreToolUse

Tool ishlatilishidan OLDIN ishlaydi

Foydalanish: Xavfli buyruqlarni bloklash, log qilish

{
  "hooks": {
    "PreToolUse": [{
      "matcher": "Bash",
      "hooks": [{
        "type": "command",
        "command": "echo 'Bash ishlatilmoqda'"
      }]
    }]
  }
}

PostToolUse

Tool ishlatilganidan KEYIN ishlaydi

Foydalanish: Har fayl o'zgartirilganda lint ishlatish

{
  "hooks": {
    "PostToolUse": [{
      "matcher": "Edit",
      "hooks": [{
        "type": "command",
        "command": "npm run lint -- --fix"
      }]
    }]
  }
}

Stop Hook

Claude javob bergandan KEYIN

Foydalanish: Bildirishnoma yuborish

{
  "hooks": {
    "Stop": [{
      "hooks": [{
        "type": "command",
        "command": "notify-send 'Claude tayyor!'"
      }]
    }]
  }
}

SessionStart

Har yangi sessiya boshida

Foydalanish: npm install, env check

{
  "hooks": {
    "SessionStart": [{
      "hooks": [{
        "type": "command",
        "command": "npm install && echo 'Tayyor'"
      }]
    }]
  }
}

Settings.json To'liq Qo'llanma

{
  "model": "claude-sonnet-4-6",
  "permissions": {
    "allow": [
      "Bash(npm run *)",
      "Bash(git *)",
      "Edit",
      "Read"
    ],
    "deny": [
      "Bash(rm -rf *)"
    ]
  },
  "hooks": {
    "PostToolUse": [{
      "matcher": "Edit",
      "hooks": [{"type": "command", "command": "npm run lint -- --fix"}]
    }]
  }
}

Permission Rejimlari

Default

Har tool uchun ruxsat so'raladi

Xavfsiz, lekin sekin. Har buyruqda tasdiqlash kerak.

Allowlist

Faqat ruxsat berilgan toollar

settings.json da allow/deny ro'yxati. Tavsiya etiladi.

Auto-approve

--dangerously-skip-permissions

Hamma tool avtomatik. Faqat ishonchli muhitda.

Xatolar va Yechimlar

Keng tarqalgan muammolar va ularning yechimlari

Claude Qanday Fikrlaydi?

Ichki mexanizm โ€” bu bilsangiz, Claude dan 10x yaxshi foydalanasiz

๐Ÿง  Token va Kontekst oynasiโ–ผ

Claude matnni token larda o'qiydi. 1 token โ‰ˆ 0.75 so'z (inglizcha). O'zbekcha/ruscha so'zlar ko'proq token oladi.

ModelKontekst oynasiTaxminiy hajm
claude-haiku-4-5200,000 token~150,000 so'z / ~500 sahifa
claude-sonnet-4-6200,000 token~150,000 so'z / ~500 sahifa
claude-opus-4-8200,000 token~150,000 so'z / ~500 sahifa

๐Ÿ’ก Kontekst to'lganda Claude oxirgi narsalarni "unutadi". /compact ishlatib tozalang.

โš™๏ธ Claude qanday qaror qabul qiladi?โ–ผ

Claude har so'rovni quyidagicha qayta ishlaydi:

1. So'rovni tushunish

Nima so'ralayapti? Qanday format kerak? Cheklovlar bormi?

2. Kontekstni o'rganish

Barcha fayllar, git tarix, CLAUDE.md, oldingi suhbat

3. Yechim rejalashtirish

Qaysi toollar kerak? Qanday tartibda? Xavfsizmi?

4. Bajarish

Toollarni ketma-ket ishlatish: Read โ†’ Grep โ†’ Edit โ†’ Bash

5. Tekshirish

Natija to'g'rimi? Test o'tdimi? Xato bormi?

๐Ÿ› ๏ธ Claude ishlatadigan toollarโ–ผ
ToolNima qiladiQachon
ReadFayl o'qishKodni tushunish uchun
WriteYangi fayl yaratishYangi komponent/modul
EditFayl tahrirlashBug fix, refactoring
BashTerminal buyruqnpm install, git, test
GlobFayl qidirish pattern*.tsx fayllarini topish
GrepKontentda qidirishFunksiya qayerda ishlatilgan
WebFetchURL dan ma'lumot olishDokumentatsiya o'qish
WebSearchInternet qidirishYangi API, xato yechim
TodoWriteVazifalar ro'yxatiKatta vazifalarni rejalashtirish
AgentSub-agent yaratishParallel, murakkab vazifalar
๐Ÿ”„ Extended Thinking (Kengaytirilgan Fikrlash)โ–ผ

Ba'zi Claude modellari javob berishdan oldin ichki monolog bilan fikrlaydi โ€” bu extended thinking deyiladi.

Oddiy rejim

Tezkor javob. Oddiy savollar uchun.

Extended Thinking

Ichki fikrlash, keyin javob. Murakkab muammolar uchun.

Extended thinking uchun prompt:

Bu muammoni chuqur o'ylab ko'r, barcha variantlarni tahlil qil,
keyin eng yaxshi yechimni tanlashingni tushuntir:
[MURAKKAB MUAMMO]
๐ŸŽฏ Claude nimani yaxshi qiladi, nimani yomon?โ–ผ

โœ… YAXSHI

  • Kod yozish va tushuntirish
  • Bug topish va tuzatish
  • Refactoring
  • Test yozish
  • Dokumentatsiya
  • API integratsiya
  • Arxitektura maslahat
  • Kod tarjimasi (bir tildan boshqaga)
  • Regex yozish
  • SQL optimizatsiya

โš ๏ธ EHTIYOT BO'LING

  • Bilim kesimi (Aug 2025)
  • Juda yangi kutubxonalar
  • Matematik hisob (katta sonlar)
  • Real vaqt ma'lumotlari
  • Konfidensiyal ma'lumot (kiritmang!)
  • Kafolat so'rash (doim tekshiring)
๐Ÿ” Xavfsizlik va Qoidalarโ–ผ

Claude quyidagi narsalarni rad etadi:

  • Zararli kod (virus, malware, RAT)
  • DoS/DDoS hujum skriptlari
  • Credentials yoki shaxsiy ma'lumot o'g'irlash
  • Qonunsiz faoliyat

Lekin ruxsat etiladi:

  • Authorized penetration testing
  • CTF (Capture The Flag) challenges
  • Security research (aniq kontekst bilan)
  • Defensive security (mudofaa)
  • Vulnerability scanning (o'z tizimingizda)

๐Ÿ’ก Rad etilsa, kontekst qo'shing: "Bu bizning pentest engagement uchun..."

Xotira Tizimi

Claude qanday "eslab qoladi" โ€” 4 xil xotira turi

๐Ÿ’ฌ

1. Suhbat Xotirasi

Joriy sessiya davomida hamma narsa esda. /clear yoki sessiya tugagach yo'qoladi.

โšก Eng tez, lekin vaqtinchalik

๐Ÿ“„

2. CLAUDE.md (Loyiha)

Loyiha papkasidagi CLAUDE.md fayli. Har sessiyada o'qiladi. Doimiy.

โœ… Loyiha qoidalari, texnologiya, arxitektura

๐Ÿ 

3. ~/.claude/CLAUDE.md (Global)

Barcha loyihalarga tegishli global qoidalar. Uy papkasida.

๐ŸŒ Har doim qo'llaniladigan qoidalar

๐Ÿง 

4. /memory Buyrug'i

/memory yordamida real vaqtda CLAUDE.md ga yozish mumkin.

Misol: /memory "Har doim Uzbek tilida javob ber"

Global CLAUDE.md misoli

# Global Qoidalar

## Til
- Har doim o'zbek tilida javob ber (agar so'rovchi o'zbekcha yozsa)
- Texnik atamalarni inglizcha qoldirish mumkin

## Kod uslubi
- Har doim TypeScript ishlataman (JavaScript emas)
- Tailwind CSS (styled-components emas)
- Functional components (class emas)

## Muloqot uslubi
- Qisqa va aniq bo'l
- Avval yechim, keyin tushuntirish
- Har doim ish kodi ber (placeholder emas)

CLAUDE.md qayerda joylashadi?

JoylashuvQamrovUstuvorlik
~/.claude/CLAUDE.mdBarcha loyihalarPast (global default)
./CLAUDE.mdJoriy loyihaO'rta
./src/CLAUDE.mdFaqat src/ papkasiYuqori

Ichki papka CLAUDE.md tashqinikini bekor qiladi (override).

Xotira boshqarish buyruqlari

/memory

CLAUDE.md ni ko'rish va tahrirlash

/memory

Yangi qoida qo'shish

Real vaqtda CLAUDE.md ga yozish

/init

Loyiha uchun CLAUDE.md yaratish

/init

Cheklovlar va Yechimlar

Claude ning kamchiliklari va ularni qanday engish mumkin

๐Ÿ“… Bilim kesimi (Knowledge Cutoff)โ–ผ

Claude ning bilimi Avgust 2025 gacha. Undan keyingi:

  • Yangi framework versiyalari (Next.js 15+, React 20+...)
  • Yangi API o'zgarishlar
  • Yangi kutubxonalar

Yechim:

Bu [KUTUBXONA_NOMI] ning hujjatlaridagi yangi API:
[DOCS DAN NUSXA]

Shu API ga qarab kod yoz. Bilmagan narsangni to'g'ridan-to'g'ri
shundan foydalanib amalga oshir.
๐Ÿ”ข Matematik Hisobโ–ผ

Claude katta sonlar va murakkab matematik hisobda xato qilishi mumkin.

Yechim:

# Python kod yozib hisoblat:
Quyidagi hisob uchun Python skript yoz va natijasini ko'rsat:
[HISOB]

Claude Bash orqali Python ni ishlatib aniq hisob qiladi.

๐ŸŒ Real Vaqt Ma'lumotlariโ–ผ

Claude real vaqt ma'lumot bilmaydi (kurs, ob-havo, yangiliklar).

Yechim โ€” WebSearch ishlatish:

Hozirgi [MAVZU] bo'yicha internet dan qidir va eng so'nggi
ma'lumotga qarab [VAZIFA] ni bajars.
๐Ÿ“ฆ Katta Fayllarโ–ผ

Juda katta fayl (10,000+ qator) kontekstni to'ldiradi.

Yechimlar:

Fayl path bering

@src/utils/bigFile.ts faylning 200-300 qatorlarini tushuntir

Aniq funksiya so'rang

src/services/payment.ts dagi processRefund funksiyasini toping va tushuntiring

Grep dan foydalanib

loyihada "calculateTotal" funksiyasi qayerda ishlatilgan, toping va tushuntiring
๐Ÿ”’ Maxfiy Ma'lumotlarโ–ผ

โš ๏ธ HECH QACHON quyidagilarni Claude ga bermang:

  • Production API keys, passwords
  • Database connection strings (real)
  • Private SSH keys
  • Foydalanuvchi shaxsiy ma'lumotlari (PII)
  • Kreditkarta raqamlari

O'rniga:

# .env faylini ko'rsatmang, o'rniga:
DATABASE_URL=process.env.DATABASE_URL  # real qiymat emas
API_KEY=process.env.STRIPE_SECRET_KEY  # placeholder
๐ŸŽฒ Hallucination (To'qima Javoblar)โ–ผ

Claude ba'zan mavjud bo'lmagan funksiya yoki API yaratishi mumkin.

Qanday aniqlash:

  • Kod ishlatishdan oldin tekshiring
  • npm package nomlarini npmjs.com da tekshiring
  • API metodlarini hujjatdan solishtiring

Oldini olish:

Faqat mavjud va haqiqiy APIlardan foydalangin.
Agar biror funksiya borligidan ishonchsiz bo'lsang,
"Bu mavjudligiga ishonchim yo'q" deb ayt.

Vision & Multimodal

Claude rasmlarni, screenshotlarni, diagrammalarni ko'ra oladi

๐Ÿ“ธ

Screenshot โ†’ Kod

UI screenshotni bering, Claude HTML/CSS/React komponent yozadi

๐ŸŽจ

Dizayn โ†’ Kod

Figma export, mockup rasm โ†’ ishchi kod

๐Ÿ“Š

Diagramma Tahlil

ERD, UML, arxitektura diagrammalarini o'qiydi va tushuntiradi

๐Ÿ›

Xato Screenshot

Browser console screenshot, error message rasm โ†’ diagnosis

๐Ÿ“‹

Hujjat Tahlil

PDF, rasm sifatidagi hujjatlarni o'qib qayta ishlaydi

๐Ÿ—บ๏ธ

Grafik Tahlil

Performance grafiklari, profiler screenshot โ†’ bottleneck topish

Vision Prompt Misollari

Screenshot โ†’ React komponent

[SCREENSHOT RASMNI YUKLANG]
Bu UI ni React + Tailwind bilan kod qil.
Dark theme, responsive, TypeScript.

Xato screenshot tahlil

[XATO SCREENSHOTNI YUKLANG]
Bu xatoni tushuntir, sababi nima, qanday tuziladi?

ERD โ†’ SQL Schema

[ERD DIAGRAMMA RASM]
Bu ERD ga qarab PostgreSQL schema yaratib ber.
Indexes, foreign keys, constraints bilan.

Dizayn โ†’ Kod

[FIGMA/MOCKUP RASM]
Bu dizaynni Next.js + Tailwind bilan implement qil.
Pixel perfect bo'lsin. Mobile responsive.

Grafik tahlil

[PERFORMANCE GRAFIK RASM]
Bu grafik nima ko'rsatyapti? Muammo qayerda?
Qanday optimallashtirish mumkin?

Ko'p Agent Tizimi

Claude bir nechta sub-agentlarni parallel ishlatishi mumkin

๐Ÿค– Sub-agent nima?โ–ผ

Claude katta, murakkab vazifani kichik qismlarga bo'lib, har birini alohida sub-agent ga berishi mumkin. Sub-agentlar parallel ishlaydi.

Asosiy Agent

Vazifani rejalashtiradi, sub-agentlarni boshqaradi, natijalarni birlashtiradi

Sub-agent 1

Frontend komponenti yozadi

Sub-agent 2

Backend API yozadi

Sub-agent 3

Test va dokumentatsiya yozadi

โšก Parallel Ishlov Promptlariโ–ผ
Ushbu vazifani parallel bajar:
1. Frontend: React login form (components/LoginForm.tsx)
2. Backend: Express auth endpoints (routes/auth.ts)
3. Types: Shared TypeScript interfaces (types/auth.ts)
4. Tests: Jest tests for all three

Har biri mustaqil. Bir vaqtda qil.
๐Ÿ” Explore Agent (Chuqur Qidirish)โ–ผ

Katta codebase qidirish uchun maxsus Explore agenti:

Bu loyihada authentication qanday implement qilingan?
Barcha auth-tegishli fayllarni toping:
- Middleware
- Routes
- Models
- Utils
Har birini qisqacha tushuntir.
๐Ÿ—๏ธ Katta Loyiha Strategiyasiโ–ผ

Katta feature qo'shish uchun to'g'ri tartib:

1-qadam: Rejalashtirish

E-commerce loyihaga "wishlist" feature qo'shish kerak.
Avval reja tuz: qaysi fayllar, qaysi DB o'zgarish,
qaysi API endpointlar, frontend nima kerak?
Kod yozma, faqat reja.

2-qadam: Database

Wishlist uchun migration yoz. Reja: [reja]

3-qadam: Backend

Wishlist API endpointlarini yoz. Migration tayyor: [migration]

4-qadam: Frontend

Wishlist UI ni yoz. API tayyor: [endpoints]

Til Bo'yicha Maslahatlar

Har dasturlash tili uchun maxsus prompt texnikal

๐ŸŸก JavaScript / TypeScriptโ–ผ

TypeScript tiplar so'rash

Bu JavaScript kodni TypeScript ga o'tkazib,
barcha tiplarni aniqla. any ishlatma.
Generics kerak bo'lsa ishlatgin: [KOD]

Async/Await xatolar

Bu async funksiyada unhandled promise rejection bor.
try/catch bilan to'g'ri error handling qo'sh.
Loading va error state ham kerak: [KOD]

Performance

Bu JavaScript kodni optimallashtir:
- Array methodlar (map, filter, reduce) to'g'ri ishlatilsinmi?
- Keraksiz re-render bormi?
- Memory leak xavfi bormi?
[KOD]
โš›๏ธ React (Maxsus Maslahatlar)โ–ผ

Performance optimizatsiya

Bu React komponent har render da qayta yaratilmoqda.
useMemo, useCallback, React.memo qayerda kerak?
Profiler natijasi: [NATIJA]
[KOD]

Custom hook yaratish

Bu mantiqni custom hook ga ajrat.
Boshqa komponentlarda ham ishlatilsin.
TypeScript, JSDoc bilan: [KOD]

State management tanlash

Loyiham: [TAVSIF]
State hajmi: [TAVSIF]
Team: [N] kishi

useState vs Context vs Zustand vs Redux Toolkit?
Har birining loyihaga mosligini tahlil qil.
๐Ÿ Pythonโ–ผ

Type hints qo'shish

Bu Python funksiyalarga type hints qo'sh.
mypy dan o'tsin. Docstring ham yoz: [KOD]

Async Python

Bu sync Python kodni async ga o'tkazgin.
asyncio, aiohttp ishlatgin.
Concurrency qayerda kerak ekanini ko'rsat: [KOD]

FastAPI endpoint

FastAPI da CRUD endpoint yoz:
Model: [MODEL]
Pydantic schemas, SQLAlchemy models,
dependency injection pattern ishlatgin.
๐Ÿ—„๏ธ SQL / Databaseโ–ผ

Query optimizatsiya

Bu SQL query sekin (3 soniya):
[QUERY]

EXPLAIN ANALYZE natijasi:
[NATIJA]

Index qo'shib yoki query yaxshilab tezlashtir.
Qanday index, nima uchun?

Schema dizayn

[BIZNES TAVSIF] uchun PostgreSQL schema yoz.
Normalizatsiya, indexes, constraints,
foreign keys bilan. Kelajakda scale bo'lsin.

N+1 muammosi

Bu ORM kodi N+1 query muammosi bor:
[KOD]
JOIN yoki eager loading bilan tuzat.
๐Ÿฆ€ Rust / Go (Tizim Tillari)โ–ผ

Rust โ€” Ownership xatolar

Bu Rust kodi compile bo'lmaydi:
[KOD]
Xato: [XATO]
Ownership/borrowing qoidasini tushuntir va tuzat.

Go โ€” Concurrency

Bu Go kodi goroutine leak bo'lishi mumkin:
[KOD]
Context, WaitGroup, channel to'g'ri ishlatilganmi?
Tuzat va tushuntir.

MCP Chuqur Tahlil

Model Context Protocol โ€” Claude ni tashqi dunyoga ulash

๐Ÿ”— MCP nima va qanday ishlaydi?โ–ผ

MCP (Model Context Protocol) โ€” Claude ga tashqi servislar bilan ishlashga imkon beruvchi ochiq standart. Claude MCP server orqali istalgan API bilan gaplasha oladi.

Claude
โ†” MCP Protocol โ†” GitHub, Figma, Supabase, Lovable, Gmail...

Mavjud MCP Integratsiyalar

๐Ÿ™ GitHub MCP

PR, issue, commit, branch boshqarish

Nima qilsa bo'ladi:
  • PR yaratish va review
  • Issue ochish va yopish
  • Branch yaratish
  • Commit history ko'rish
  • CI/CD status tekshirish
Bu o'zgarishlar uchun GitHub PR yaratib ber.
Title: conventional commit format
Description: nima o'zgardi, nima uchun, test yo'riqnomasi

๐ŸŽจ Figma MCP

Dizayn โ†” Kod ikki yo'nalishda

  • Figma design โ†’ React kod
  • Komponent โ†’ Figma component
  • Design tokens sinxronlash
  • Screenshot olish
[FIGMA URL]
Bu Figma sahifasini React + Tailwind bilan kod qil.
shadcn/ui komponentlaridan foydalangin.

๐Ÿ—„๏ธ Supabase MCP

Database, Auth, Storage, Edge Functions

  • SQL query bajarish
  • Table yaratish/o'zgartirish
  • RLS policy yozish
  • Edge function deploy
Supabase da users jadvali uchun RLS policy yoz:
- Foydalanuvchi faqat o'z ma'lumotini ko'rsin
- Admin hamma narsani ko'rsin

๐Ÿ’Œ Gmail MCP

Email o'qish, yuborish, boshqarish

  • Email qidirish va filtrlash
  • Draft yaratish
  • Label qo'shish
  • Thread tahlil
Oxirgi 7 kundagi o'qilmagan emaillarni ko'r.
Muhimlarini sanab ber va qisqacha xulosa.

๐Ÿ“… Google Calendar MCP

Taqvim va uchrashuvlar

  • Event ko'rish/yaratish
  • Bo'sh vaqt topish
  • Reminder sozlash

๐ŸŽฏ Lovable MCP

Full-stack app builder

  • Yangi loyiha yaratish
  • Kod o'zgartirish
  • Deploy qilish
  • Database qo'shish

๐Ÿ“Œ ClickUp MCP

Loyiha boshqaruvi

  • Task yaratish/yangilash
  • Deadline belgilash
  • Progress tracking

๐ŸŽจ Canva MCP

Dizayn yaratish

  • Dizayn generatsiya
  • Template ishlatish
  • Export qilish

Maxsus MCP Prompt Misollari

GitHub + Kod birga

GitHub dagi #123 issue ni o'qi, shu muammo uchun kod yoz,
keyin yangi branch yaratib commit qil va PR och.

Figma โ†’ Supabase โ†’ Kod

[FIGMA URL] dagi dashboard dizaynini ko'r.
Supabase da kerakli tablelarni yaratib,
Next.js bilan implement qil.

Gmail โ†’ ClickUp

Gmail dan bug report emaillarni o'qi,
har birini ClickUp da task sifatida yaratib,
priority va description qo'sh.

Tokenlar & Narx Optimizatsiya

Claude dan tejamli foydalanish โ€” xarajatlarni kamaytirish

๐Ÿ’ฐ Token narxlariโ–ผ
ModelInput (1M token)Output (1M token)Qachon
claude-haiku-4-5$0.80$4Simple tasks, CI
claude-sonnet-4-6$3$15Kundalik ish
claude-opus-4-8$15$75Murakkab muammolar

Joriy narxni tekshirish: /cost

๐ŸŽฏ Narxni kamaytirish strategiyalariโ–ผ

1. To'g'ri model tanlash

Oddiy vazifalar uchun Haiku, murakkablar uchun Sonnet/Opus

# Oddiy (Haiku):
claude --model claude-haiku-4-5 -p "Bu import ni tuzat"

# Murakkab (Opus):
claude --model claude-opus-4-8 "Butun arxitekturani qayta loyihala"

2. Prompt Cache

Bir xil kontekst qayta-qayta yuborilsa, cache ishlaydi โ€” 90% arzon

# CLAUDE.md ni to'ldiring โ€” cache bo'ladi
# Har sessiyada qayta yuborilmaydi

3. /compact muntazam

Kontekst kichik = kamroq token = arzonroq

4. Aniq so'rash

Uzun suhbat o'rniga bir marta to'liq, aniq prompt

# Yomon (ko'p token sarflaydi):
"Nima qilsam bo'ladi?"
"Auth haqida gapir"
"Endi kodini yoz"

# Yaxshi (kam token):
"JWT auth bilan Express middleware yoz.
Token verify, expired handle, user inject. TypeScript."
๐Ÿ“Š Token hisoblashโ–ผ

Taxminiy hisob:

KontentTaxminiy tokenlar
1 qator kod~10-20 token
100 qatorli fayl~800-1500 token
1000 qatorli fayl~8,000-15,000 token
Tipik loyiha (50 fayl)~50,000-100,000 token
O'rtacha suhbat~5,000-20,000 token

1M token โ‰ˆ 750,000 so'z โ‰ˆ ~3000 sahifa

Quiz โ€” Bilimni Tekshir

30 ta savol, 3 kategoriya. Har savol uchun darhol javob va tushuntirish beriladi.

๐Ÿ“š Asosiy Bilim

10 ta savol โ€” Claude Code asoslari

๐Ÿ’ฌ Prompt Yozish

10 ta savol โ€” yaxshi prompt qoidalari

๐ŸŽฏ Amaliy

10 ta savol โ€” real stsenariylar

Progress Dashboard

0%

Umumiy progress

Bo'limlar bo'yicha:

Badges

Quiz Tarixi

โœ“ Nusxalandi!