एक प्रॉम्प्ट। एक बटन। पूरी तरह से डिप्लॉय किया गया सिस्टम। 2026 में AI इंजीनियरिंग ऐसी दिखती है

1आइडिया → स्पेसिफिकेशन → डिज़ाइन → फ्रंटएंड डेवलपमेंट → बैकएंड डेवलपमेंट
2→ डेटाबेस सेटअप → API इंटीग्रेशन → टेस्टिंग → डिप्लॉयमेंट
3अवधि: सप्ताह। लागत: हज़ारों।

1आइडिया → प्रॉम्प्ट → चलता-फिरता सिस्टम
2अवधि: मिनट। लागत: API टोकन।

1एक व्यक्तिगत वित्त ट्रैकिंग एप्लिकेशन बनाएँ जिसमें शामिल हों:
2
3फीचर्स:
4- लेन-देन लॉग (श्रेणियों के साथ जोड़ें/संपादित करें/हटाएं)
5- प्रगति बार के साथ मासिक बजट दृश्य
6- CoinGecko API से लाइव कीमतें खींचने वाला क्रिप्टो पोर्टफोलियो ट्रैकर
7- रीयल टाइम में अपडेट होने वाली नेट वर्थ गणना
8- डार्क मोड टॉगल
9
10तकनीकी आवश्यकताएँ:
11- सिंगल-फ़ाइल React एप्लिकेशन
12- केवल useState + useEffect (कोई बाहरी स्टेट मैनेजमेंट नहीं)
13- स्टाइलिंग के लिए Tailwind CSS
14- सार्वजनिक APIs से फ़ेच (कोई ऑथ आवश्यक नहीं)
15- मोबाइल रिस्पॉन्सिव
16
17डेटा:
18- सत्रों के बीच localStorage में डेटा स्टोर करें
19- लेन-देन को CSV के रूप में निर्यात करें
20
21आउटपुट: डिप्लॉय करने के लिए तैयार पूर्ण स्व-निहित एप्लिकेशन।

1import { useState, useEffect } from "react";
2
3const CATEGORIES = ["Housing","Food","Transport","Entertainment","Health","Savings","Income","Crypto","Other"];
4const CRYPTO_IDS = { BTC: "bitcoin", ETH: "ethereum", SOL: "solana" };
5
6export default function FinanceTracker() {
7  const [transactions, setTransactions] = useState(() =>
8    JSON.parse(localStorage.getItem("transactions") || "[]")
9  );
10  const [cryptoPrices, setCryptoPrices] = useState({});
11  const [form, setForm] = useState({ description:"", amount:"", category:"Other", type:"expense", date:"" });
12  const [darkMode, setDarkMode] = useState(false);
13
14  useEffect(() => {
15    const ids = Object.values(CRYPTO_IDS).join(",");
16    fetch(`https://api.coingecko.com/api/v3/simple/price?ids=${ids}&vs_currencies=usd`)
17      .then(r => r.json())
18      .then(data => {
19        const prices = {};
20        Object.entries(CRYPTO_IDS).forEach(([sym, id]) => { prices[sym] = data[id]?.usd || 0; });
21        setCryptoPrices(prices);
22      });
23  }, []);
24
25  useEffect(() => {
26    localStorage.setItem("transactions", JSON.stringify(transactions));
27  }, [transactions]);
28
29  const addTransaction = () => {
30    if (!form.description || !form.amount) return;
31    setTransactions(prev => [...prev, { ...form, id: Date.now(), amount: parseFloat(form.amount),
32      date: form.date || new Date().toISOString().split("T")[0] }]);
33    setForm({ description:"", amount:"", category:"Other", type:"expense", date:"" });
34  };
35
36  const totalIncome = transactions.filter(t => t.type === "income").reduce((s,t) => s + t.amount, 0);
37  const totalExpenses = transactions.filter(t => t.type === "expense").reduce((s,t) => s + t.amount, 0);
38  const netWorth = totalIncome - totalExpenses;
39
40  const bg = darkMode ? "#0D0D0D" : "#F9F7F4";
41  const card = darkMode ? "#1A1A1A" : "#FFF";
42  const text = darkMode ? "#F0F0F0" : "#1A1A1A";
43  const border = darkMode ? "#2A2A2A" : "#E8E8E8";
44
45  return (
46    <div style={{ minHeight:"100vh", background:bg, color:text, fontFamily:"system-ui, sans-serif" }}>
47      <div style={{ maxWidth:800, margin:"0 auto", padding:"24px 16px" }}>
48
49        <div style={{ display:"flex", justifyContent:"space-between", marginBottom:24 }}>
50          <div>
51            <h1 style={{ fontSize:22, fontWeight:500, margin:0 }}>Finance Tracker</h1>
52            <p style={{ margin:"4px 0 0", fontSize:13, color: netWorth >= 0 ? "#22C55E" : "#EF4444" }}>
53              नेट वर्थ: ${netWorth.toFixed(2)}
54            </p>
55          </div>
56          <button onClick={() => setDarkMode(!darkMode)}
57            style={{ padding:"8px 14px", borderRadius:8, border:`1px solid ${border}`,
58              background:card, color:text, cursor:"pointer" }}>
59            {darkMode ? "लाइट" : "डार्क"}
60          </button>
61        </div>
62
63        <div style={{ display:"grid", gridTemplateColumns:"1fr 1fr", gap:10, marginBottom:20 }}>
64          {[["आय","#22C55E",totalIncome],["व्यय","#EF4444",totalExpenses]].map(([label,color,val]) => (
65            <div key={label} style={{ background:card, border:`1px solid ${border}`, borderRadius:10, padding:14 }}>
66              <p style={{ margin:0, fontSize:12, color:"#999" }}>{label}</p>
67              <p style={{ margin:"4px 0 0", fontSize:20, fontWeight:600, color }}>${val.toFixed(2)}</p>
68            </div>
69          ))}
70        </div>
71
72        <div style={{ background:card, border:`1px solid ${border}`, borderRadius:10, padding:16, marginBottom:20 }}>
73          <div style={{ display:"grid", gridTemplateColumns:"2fr 1fr 1fr", gap:8, marginBottom:8 }}>
74            <input placeholder="विवरण" value={form.description}
75              onChange={e => setForm(p => ({ ...p, description: e.target.value }))}
76              style={{ padding:"9px 12px", borderRadius:8, border:`1px solid ${border}`, background:bg, color:text, fontSize:13 }} />
77            <input type="number" placeholder="राशि" value={form.amount}
78              onChange={e => setForm(p => ({ ...p, amount: e.target.value }))}
79              style={{ padding:"9px 12px", borderRadius:8, border:`1px solid ${border}`, background:bg, color:text, fontSize:13 }} />
80            <select value={form.type} onChange={e => setForm(p => ({ ...p, type: e.target.value }))}
81              style={{ padding:"9px 12px", borderRadius:8, border:`1px solid ${border}`, background:bg, color:text, fontSize:13 }}>
82              <option value="expense">व्यय</option>
83              <option value="income">आय</option>
84            </select>
85          </div>
86          <div style={{ display:"grid", gridTemplateColumns:"2fr auto", gap:8 }}>
87            <select value={form.category} onChange={e => setForm(p => ({ ...p, category: e.target.value }))}
88              style={{ padding:"9px 12px", borderRadius:8, border:`1px solid ${border}`, background:bg, color:text, fontSize:13 }}>
89              {CATEGORIES.map(c => <option key={c}>{c}</option>)}
90            </select>
91            <button onClick={addTransaction}
92              style={{ padding:"9px 20px", borderRadius:8, background:"#E8692A",
93                color:"#fff", border:"none", cursor:"pointer", fontSize:13, fontWeight:500 }}>
94              जोड़ें
95            </button>
96          </div>
97        </div>
98
99        <div style={{ background:card, border:`1px solid ${border}`, borderRadius:10, overflow:"hidden" }}>
100          <p style={{ margin:0, padding:"12px 16px", borderBottom:`1px solid ${border}`, fontSize:13, fontWeight:500 }}>
101            लेन-देन ({transactions.length})
102          </p>
103          {transactions.slice().reverse().map(t => (
104            <div key={t.id} style={{ display:"flex", justifyContent:"space-between",
105              alignItems:"center", padding:"11px 16px", borderBottom:`1px solid ${border}` }}>
106              <div>
107                <p style={{ margin:0, fontSize:13, fontWeight:500 }}>{t.description}</p>
108                <p style={{ margin:"2px 0 0", fontSize:12, color:"#999" }}>{t.category} · {t.date}</p>
109              </div>
110              <span style={{ fontSize:14, fontWeight:600, color: t.type==="income" ? "#22C55E" : "#EF4444" }}>
111                {t.type==="income" ? "+" : "-"}${t.amount.toFixed(2)}
112              </span>
113            </div>
114          ))}
115        </div>
116      </div>
117    </div>
118  );
119}

1{
2  "mcpServers": {
3    "filesystem": {
4      "command": "npx",
5      "args": [
6        "-y",
7        "@modelcontextprotocol/server-filesystem",
8        "/Users/yourname/Projects"
9      ]
10    },
11    "terminal": {
12      "command": "npx",
13      "args": ["-y", "@modelcontextprotocol/server-terminal"]
14    },
15    "sqlite": {
16      "command": "npx",
17      "args": [
18        "-y",
19        "@modelcontextprotocol/server-sqlite",
20        "--db-path",
21        "/Users/yourname/Projects/app.db"
22      ]
23    }
24  }
25}

1एक कार वॉश व्यवसाय के लिए एक लोकल CRM सिस्टम बनाएँ और डिप्लॉय करें।
2
3प्रोजेक्ट को ~/Projects/carwash-crm/ पर बनाएँ।
4निर्भरताएँ स्वचालित रूप से इंस्टॉल करें।
5इनके लिए टेबल के साथ SQLite डेटाबेस सेट करें:
6- customers (नाम, फ़ोन, ईमेल, वाहन, नोट्स)
7- visits (customer_id, दिनांक, सेवा, मूल्य, स्थिति)
8- staff (नाम, भूमिका, शेड्यूल)
9
10एक वेब इंटरफ़ेस बनाएँ जिसमें शामिल हों:
11- ग्राहक खोज और प्रोफ़ाइल
12- प्रति ग्राहक विज़िट इतिहास
13- माह के अनुसार राजस्व डैशबोर्ड
14- SMS रिमाइंडर सिस्टम (Twilio इंटीग्रेशन, केवल कॉन्फ़िगरेशन)
15
16पूरा होने पर डेव सर्वर शुरू करें।
17तैयार होने पर localhost URL रिपोर्ट करें।

1[Claude प्रोजेक्ट कॉन्टेक्स्ट में शामिल है:]
2- design-system.md (रंग, टाइपोग्राफी, स्पेसिंग)
3- api-standards.md (ऑथेंटिकेशन पैटर्न, त्रुटि कोड)
4- security-policy.md (इनपुट वैलिडेशन नियम, CORS कॉन्फ़िगरेशन)
5- stack.md (React 18, TypeScript, Tailwind, Prisma, PostgreSQL)
6
7प्रॉम्प्ट:
8"ईमेल सत्यापन और सबमिट पर स्वचालित Notion डेटाबेस प्रविष्टि के साथ
9एक क्लाइंट ऑनबोर्डिंग फ़ॉर्म बनाएँ।"
10
11आउटपुट: प्रोडक्शन-रेडी कोड जो आपके स्टैक से बिल्कुल मेल खाता है -
12कोई सफाई आवश्यक नहीं।

1
2  "provider": "anthropic",
3  "model": "claude-opus-4-8",
4  "apiKey": "YOUR_ANTHROPIC_KEY",
5  "systemPrompt": "आप एक सिस्टम आर्किटेक्ट हैं। आपके पास संदर्भ के रूप में उपयोगकर्ता के संपूर्ण ज्ञान वॉल्ट तक पहुँच है। सिस्टम बनाते समय, उनके मौजूदा नोट्स, पिछले निर्णयों और स्थापित पैटर्न का संदर्भ लें। आउटपुट: काम करने वाला कोड + Obsidian फ़ाइल संरचना।",
6  "contextWindow": {
7    "includeActiveFile": true,
8    "includeLinkedFiles": true,
9    "includeRecentFiles": 10,
10    "includeFolders": ["Projects", "Systems", "Decisions"]
11  }
12}

1Obsidian Canvas में प्रॉम्प्ट:
2"मेरे Twitter खाते के लिए एक कंटेंट प्रोडक्शन पाइपलाइन डिज़ाइन करें।
3मैं प्रति सप्ताह 3 लेख प्रकाशित करता हूँ और 5 प्रायोजित सौदे प्रबंधित करता हूँ।
4मेरे मौजूदा कंटेंट कैलेंडर नोट्स का संदर्भ लें।"
5
6आउटपुट: जुड़े हुए ब्लॉक के साथ Canvas:
7→ कंटेंट आइडिएशन (आपके रुचि नोट्स से खींचता है)
8→ ड्राफ्ट → समीक्षा → प्रकाशित वर्कफ़्लो
9→ समय सीमा अलर्ट के साथ प्रायोजक ट्रैकिंग
10→ एनालिटिक्स डैशबोर्ड
11→ स्वचालित क्रॉस-पोस्टिंग लॉजिक
12→ प्रत्येक ब्लॉक प्रासंगिक Obsidian फ़ाइल से लिंक होता है

1{
2  "nodes": [
3    {
4      "id": "ideation",
5      "type": "file",
6      "file": "Systems/ContentPipeline/Ideation.md",
7      "x": 0, "y": 0, "width": 300, "height": 200,
8      "color": "1"
9    },
10    {
11      "id": "draft",
12      "type": "file",
13      "file": "Systems/ContentPipeline/Draft.md",
14      "x": 400, "y": 0, "width": 300, "height": 200,
15      "color": "3"
16    },
17    {
18      "id": "sponsors",
19      "type": "file",
20      "file": "Systems/ContentPipeline/SponsorTracker.md",
21      "x": 0, "y": 300, "width": 300, "height": 200,
22      "color": "5"
23    },
24    {
25      "id": "analytics",
26      "type": "file",
27      "file": "Systems/ContentPipeline/Analytics.md",
28      "x": 400, "y": 300, "width": 300, "height": 200,
29      "color": "6"
30    }
31  ],
32  "edges": [
33    {
34      "id": "e1",
35      "fromNode": "ideation", "fromSide": "right",
36      "toNode": "draft", "toSide": "left",
37      "label": "अनुमोदित अवधारणाएँ"
38    },
39    {
40      "id": "e2",
41      "fromNode": "sponsors", "fromSide": "right",
42      "toNode": "draft", "toSide": "bottom",
43      "label": "संक्षिप्त एकीकरण"
44    }
45  ]
46}

1# Ollama इंस्टॉल करें
2curl -fsSL https://ollama.com/install.sh | sh
3
4# कोडिंग-सक्षम मॉडल पुल करें
5ollama pull llama3.2:latest
6# या मजबूत कोड जनरेशन के लिए:
7ollama pull qwen2.5-coder:32b
8
9# लोकल सर्वर शुरू करें
10ollama serve
11# localhost:11434 पर चलता है

1{
2  "provider": "ollama",
3  "model": "qwen2.5-coder:32b",
4  "baseUrl": "http://localhost:11434",
5  "systemPrompt": "आप MCP के माध्यम से उपयोगकर्ता के फ़ाइलसिस्टम तक पहुँच वाले एक लोकल सिस्टम बिल्डर हैं। पूर्ण कार्यशील सिस्टम बनाएँ। स्पष्ट निर्देश के बिना कभी भी बाहरी APIs पर डेटा न भेजें।"
6}

1import requests
2import json
3from pathlib import Path
4from watchdog.observers import Observer
5from watchdog.events import FileSystemEventHandler
6
7OBSIDIAN_INBOX = Path.home() / "Obsidian" / "AI-Inbox"
8PROJECTS_DIR = Path.home() / "Projects"
9OLLAMA_URL = "http://localhost:11434/api/generate"
10
11class InboxWatcher(FileSystemEventHandler):
12    """
13    Obsidian AI-Inbox फ़ोल्डर देखें।
14    जब कोई नई .md फ़ाइल दिखाई देती है, तो इसे एक बिल्ड प्रॉम्प्ट के रूप में मानें।
15    लोकल LLM को पास करें -> MCP के माध्यम से निष्पादित करें -> वापस रिपोर्ट करें।
16    """
17
18    def on_created(self, event):
19        if not event.src_path.endswith(".md"):
20            return
21
22        prompt_file = Path(event.src_path)
23        prompt = prompt_file.read_text()
24
25        print(f"[Inbox] नया प्रॉम्प्ट: {prompt_file.name}")
26        self.execute_prompt(prompt, prompt_file.stem)
27
28    def execute_prompt(self, prompt: str, project_name: str):
29        response = requests.post(OLLAMA_URL, json={
30            "model": "qwen2.5-coder:32b",
31            "prompt": f"""आप एक सिस्टम बिल्डर हैं।
32            इस सिस्टम को बनाएँ: {prompt}
33
34            इसके साथ एक JSON प्लान आउटपुट करें:
35            {{
36                "project_dir": "सापेक्ष पथ",
37                "files": [
38                    {{"path": "सापेक्ष पथ", "content": "फ़ाइल सामग्री"}}
39                ],
40                "commands": ["npm install", "आदि"],
41                "summary": "क्या बनाया गया"
42            }}""",
43            "stream": False
44        })
45
46        plan = json.loads(response.json()["response"])
47        project_dir = PROJECTS_DIR / plan["project_dir"]
48        project_dir.mkdir(parents=True, exist_ok=True)
49
50        for file_spec in plan["files"]:
51            file_path = project_dir / file_spec["path"]
52            file_path.parent.mkdir(parents=True, exist_ok=True)
53            file_path.write_text(file_spec["content"])
54            print(f"[Build] बनाया गया: {file_path}")
55
56        result_file = OBSIDIAN_INBOX / f"{project_name}-result.md"
57        result_file.write_text(
58            f"# बिल्ड पूर्ण: {project_name}\n\n"
59            f"**स्थान:** {project_dir}\n\n"
60            f"**सारांश:** {plan['summary']}\n\n"
61            f"**बनाई गई फ़ाइलें:** {len(plan['files'])}\n"
62        )
63        print(f"[Done] परिणाम Obsidian में लिखा गया")
64
65if __name__ == "__main__":
66    OBSIDIAN_INBOX.mkdir(exist_ok=True)
67    observer = Observer()
68    observer.schedule(InboxWatcher(), str(OBSIDIAN_INBOX), recursive=False)
69    observer.start()
70    print(f"[देख रहा है] {OBSIDIAN_INBOX}")
71
72    try:
73        while True:
74            import time; time.sleep(1)
75    except KeyboardInterrupt:
76        observer.stop()
77    observer.join()

1चरण 1 - इनपुट
2Obsidian में, अपने AI पैनल पर, लिखें:
3"क्रिप्टो इंटीग्रेशन और मासिक बजट ट्रैकिंग के साथ
4व्यक्तिगत वित्त प्रणाली।"
5जनरेट पर क्लिक करें।
6
7चरण 2 - संदर्भ संयोजन
8Smart Connections प्लगइन आपके वॉल्ट को स्कैन करता है।
9पिछले 3 महीनों के आपके वित्त नोट्स ढूँढ़ता है।
10उन्हें Claude API को संदर्भ के रूप में भेजता है।
11
12चरण 3 - आर्किटेक्चर
13Claude (Opus 4.8) सिस्टम डिज़ाइन करता है:
14- डेटाबेस स्कीमा
15- UI घटक
16- API इंटीग्रेशन
17- फ़ाइल संरचना
18
19चरण 4 - बिल्ड
20Claude (Sonnet 5) MCP के माध्यम से कार्यान्वित करता है:
21- ~/Projects/finance-tracker/ बनाता है
22- निर्भरताएँ इंस्टॉल करता है
23- सभी फ़ाइलें लिखता है
24- localhost:3000 पर डेव सर्वर शुरू करता है
25
26चरण 5 - परिणाम
27Obsidian फ़ोल्डर बनाता है: Finance System/
28अंदर: लिंक्ड डैशबोर्ड, कॉन्फ़िगरेशन नोट्स,
29और चल रहे एप्लिकेशन का सीधा लिंक।