Claude Code ni 100% O'rganing
Siz AI yordamchidan to'liq foydalanishni o'rganasiz โ darslar, amaliyot, quiz va real stsenariylar bilan.
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 โ 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
claude buyrug'i bilan ishga tushiriladi
Extension orqali, IDE ichida
IntelliJ, WebStorm, PyCharm
claude.ai/code brauzerda
CI/CD pipeline ichida
| Model | Tezlik | Qobiliyat | Qachon ishlatish |
|---|---|---|---|
claude-haiku-4-5 | โก Eng tez | Oddiy vazifalar | Quick edits, tez javob |
claude-sonnet-4-6 | ๐ O'rta | Balansli | Kundalik dasturlash |
claude-opus-4-8 | ๐ข Sekin | Eng kuchli | Murakkab arxitektura |
Model almashtirish: /model claude-opus-4-8
| Xususiyat | Claude Code | ChatGPT |
|---|---|---|
| Loyiha fayllariga kirish | โ To'liq | โ Yo'q |
| Terminal buyruqlar | โ | โ |
| Git boshqarish | โ | โ |
| Butun repo konteksti | โ | โ |
| MCP integratsiyalar | โ 100+ | โ |
| CLAUDE.md xotira | โ | โ |
| Hooks avtomatizatsiya | โ | โ |
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 โ 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:
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
| Buyruq | Qachon | Nima qiladi |
|---|---|---|
/compact | Kontekst to'lib qolganda | Muhim narsalarni saqlagan holda siqadi |
/clear | Yangi vazifada | Butunlay tozalaydi |
@fayl.ts | Aniq fayl kerakda | Faqat shu faylni kontekstga qo'shadi |
--add-dir ./src | Qo'shimcha papka | Yangi papkani kontekstga qo'shadi |
๐ก Katta loyihalarda har 30-40 muloqotdan keyin /compact ishlatish tavsiya etiladi
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
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"
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
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
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.
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
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
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.
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
Har tool uchun ruxsat so'raladi
Xavfsiz, lekin sekin. Har buyruqda tasdiqlash kerak.
Faqat ruxsat berilgan toollar
settings.json da allow/deny ro'yxati. Tavsiya etiladi.
--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
Claude matnni token larda o'qiydi. 1 token โ 0.75 so'z (inglizcha). O'zbekcha/ruscha so'zlar ko'proq token oladi.
| Model | Kontekst oynasi | Taxminiy hajm |
|---|---|---|
| claude-haiku-4-5 | 200,000 token | ~150,000 so'z / ~500 sahifa |
| claude-sonnet-4-6 | 200,000 token | ~150,000 so'z / ~500 sahifa |
| claude-opus-4-8 | 200,000 token | ~150,000 so'z / ~500 sahifa |
๐ก Kontekst to'lganda Claude oxirgi narsalarni "unutadi". /compact ishlatib tozalang.
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?
| Tool | Nima qiladi | Qachon |
|---|---|---|
Read | Fayl o'qish | Kodni tushunish uchun |
Write | Yangi fayl yaratish | Yangi komponent/modul |
Edit | Fayl tahrirlash | Bug fix, refactoring |
Bash | Terminal buyruq | npm install, git, test |
Glob | Fayl qidirish pattern | *.tsx fayllarini topish |
Grep | Kontentda qidirish | Funksiya qayerda ishlatilgan |
WebFetch | URL dan ma'lumot olish | Dokumentatsiya o'qish |
WebSearch | Internet qidirish | Yangi API, xato yechim |
TodoWrite | Vazifalar ro'yxati | Katta vazifalarni rejalashtirish |
Agent | Sub-agent yaratish | Parallel, murakkab vazifalar |
Ba'zi Claude modellari javob berishdan oldin ichki monolog bilan fikrlaydi โ bu extended thinking deyiladi.
Tezkor javob. Oddiy savollar uchun.
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]
โ 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)
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?
| Joylashuv | Qamrov | Ustuvorlik |
|---|---|---|
~/.claude/CLAUDE.md | Barcha loyihalar | Past (global default) |
./CLAUDE.md | Joriy loyiha | O'rta |
./src/CLAUDE.md | Faqat src/ papkasi | Yuqori |
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
/memory Har doim error boundary qo'sh"
/init
Loyiha uchun CLAUDE.md yaratish
/init
Cheklovlar va Yechimlar
Claude ning kamchiliklari va ularni qanday engish mumkin
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.
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.
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.
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
โ ๏ธ 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
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
Claude katta, murakkab vazifani kichik qismlarga bo'lib, har birini alohida sub-agent ga berishi mumkin. Sub-agentlar parallel ishlaydi.
Vazifani rejalashtiradi, sub-agentlarni boshqaradi, natijalarni birlashtiradi
Frontend komponenti yozadi
Backend API yozadi
Test va dokumentatsiya yozadi
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.
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 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
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]
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.
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.
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 โ 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 (Model Context Protocol) โ Claude ga tashqi servislar bilan ishlashga imkon beruvchi ochiq standart. Claude MCP server orqali istalgan API bilan gaplasha oladi.
Mavjud MCP Integratsiyalar
๐ GitHub MCP
PR, issue, commit, branch boshqarish
- 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
| Model | Input (1M token) | Output (1M token) | Qachon |
|---|---|---|---|
| claude-haiku-4-5 | $0.80 | $4 | Simple tasks, CI |
| claude-sonnet-4-6 | $3 | $15 | Kundalik ish |
| claude-opus-4-8 | $15 | $75 | Murakkab muammolar |
Joriy narxni tekshirish: /cost
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."
Taxminiy hisob:
| Kontent | Taxminiy 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
Umumiy progress