OpenClaw \u2014 3 Poziomy Architektury Agent\u00f3w<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=JetBrains+Mono:wght@300;400;600&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --bg: #0a0a0c;\n --surface: #111114;\n --surface2: #18181c;\n --border: #222228;\n --border-light: #2a2a32;\n --text: #e4e4e8;\n --text-dim: #71717a;\n --text-muted: #3f3f46;\n --accent-1: #f59e0b;\n --accent-1-dim: #f59e0b22;\n --accent-2: #8b5cf6;\n --accent-2-dim: #8b5cf622;\n --accent-3: #06b6d4;\n --accent-3-dim: #06b6d422;\n --green: #4ade80;\n --green-dim: #4ade8018;\n --red: #f87171;\n --red-dim: #f8717118;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n background: var(--bg);\n color: var(--text);\n font-family: 'DM Sans', sans-serif;\n line-height: 1.6;\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n \/* Noise overlay *\/\n body::before {\n content: '';\n position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");\n pointer-events: none; z-index: 0;\n }\n\n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 40px 20px 80px;\n position: relative;\n z-index: 1;\n }\n\n \/* Header *\/\n .header {\n text-align: center;\n margin-bottom: 60px;\n animation: fadeUp 0.8s ease both;\n }\n .header .tag {\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px;\n letter-spacing: 6px;\n color: var(--text-muted);\n text-transform: uppercase;\n margin-bottom: 12px;\n }\n .header h1 {\n font-family: 'DM Serif Display', serif;\n font-size: clamp(32px, 6vw, 56px);\n font-weight: 400;\n font-style: italic;\n color: #fafafa;\n line-height: 1.1;\n margin-bottom: 16px;\n }\n .header p {\n font-size: 15px;\n color: var(--text-dim);\n max-width: 520px;\n margin: 0 auto;\n }\n\n \/* Level cards *\/\n .level {\n margin-bottom: 32px;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid var(--border);\n background: var(--surface);\n animation: fadeUp 0.8s ease both;\n }\n .level:nth-child(2) { animation-delay: 0.15s; }\n .level:nth-child(3) { animation-delay: 0.3s; }\n\n .level-header {\n padding: 28px 32px;\n display: flex;\n align-items: center;\n gap: 20px;\n cursor: pointer;\n transition: background 0.2s;\n position: relative;\n }\n .level-header:hover { background: var(--surface2); }\n\n .level-number {\n width: 56px; height: 56px;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-family: 'DM Serif Display', serif;\n font-size: 24px;\n font-style: italic;\n flex-shrink: 0;\n transition: transform 0.3s;\n }\n .level-header:hover .level-number { transform: scale(1.08); }\n\n .level[data-level=\"1\"] .level-number { background: var(--accent-1-dim); color: var(--accent-1); border: 2px solid var(--accent-1); }\n .level[data-level=\"2\"] .level-number { background: var(--accent-2-dim); color: var(--accent-2); border: 2px solid var(--accent-2); }\n .level[data-level=\"3\"] .level-number { background: var(--accent-3-dim); color: var(--accent-3); border: 2px solid var(--accent-3); }\n\n .level-meta { flex: 1; }\n .level-meta h2 {\n font-family: 'DM Serif Display', serif;\n font-size: 22px;\n font-weight: 400;\n color: #fafafa;\n margin-bottom: 4px;\n }\n .level-meta .subtitle {\n font-size: 13px;\n color: var(--text-dim);\n }\n\n .level-badges {\n display: flex; gap: 6px; flex-wrap: wrap;\n justify-content: flex-end;\n }\n .badge {\n font-family: 'JetBrains Mono', monospace;\n font-size: 9px;\n font-weight: 600;\n padding: 4px 10px;\n border-radius: 4px;\n letter-spacing: 0.5px;\n white-space: nowrap;\n }\n .badge-difficulty { background: var(--accent-1-dim); color: var(--accent-1); }\n .badge-time { background: #ffffff08; color: var(--text-dim); border: 1px solid var(--border); }\n\n .level[data-level=\"2\"] .badge-difficulty { background: var(--accent-2-dim); color: var(--accent-2); }\n .level[data-level=\"3\"] .badge-difficulty { background: var(--accent-3-dim); color: var(--accent-3); }\n\n .chevron {\n width: 20px; height: 20px;\n color: var(--text-muted);\n transition: transform 0.3s;\n flex-shrink: 0;\n }\n .level.open .chevron { transform: rotate(180deg); }\n\n .level-body {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .level.open .level-body { max-height: 3000px; }\n\n .level-content {\n padding: 0 32px 32px;\n }\n\n \/* Graph area *\/\n .graph-container {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 32px 24px;\n margin-bottom: 24px;\n position: relative;\n overflow-x: auto;\n }\n\n \/* SVG diagrams *\/\n .diagram {\n width: 100%;\n min-height: 160px;\n }\n\n \/* Node styles *\/\n .node {\n cursor: default;\n }\n .node rect, .node circle {\n transition: all 0.2s;\n }\n .node:hover rect, .node:hover circle {\n filter: brightness(1.2);\n }\n\n \/* Description sections *\/\n .desc-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n margin-top: 20px;\n }\n @media (max-width: 640px) { .desc-grid { grid-template-columns: 1fr; } }\n\n .desc-card {\n padding: 16px;\n border-radius: 10px;\n border: 1px solid var(--border);\n background: var(--bg);\n }\n .desc-card h4 {\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px;\n letter-spacing: 2px;\n text-transform: uppercase;\n margin-bottom: 10px;\n }\n .desc-card.can h4 { color: var(--green); }\n .desc-card.cant h4 { color: var(--red); }\n .desc-card.use h4 { color: var(--accent-1); }\n .level[data-level=\"2\"] .desc-card.use h4 { color: var(--accent-2); }\n .level[data-level=\"3\"] .desc-card.use h4 { color: var(--accent-3); }\n\n .desc-card ul {\n list-style: none;\n padding: 0;\n }\n .desc-card li {\n font-size: 13px;\n color: var(--text-dim);\n padding: 4px 0;\n padding-left: 16px;\n position: relative;\n line-height: 1.5;\n }\n .desc-card.can li::before { content: '\u2713'; position: absolute; left: 0; color: var(--green); font-size: 11px; }\n .desc-card.cant li::before { content: '\u2717'; position: absolute; left: 0; color: var(--red); font-size: 11px; }\n .desc-card.use li::before { content: '\u2192'; position: absolute; left: 0; color: var(--text-muted); font-size: 11px; }\n\n \/* Analogy bar *\/\n .analogy {\n margin-top: 20px;\n padding: 16px 20px;\n border-radius: 10px;\n border-left: 3px solid;\n font-size: 14px;\n color: var(--text-dim);\n line-height: 1.6;\n }\n .analogy em { color: #fafafa; font-style: normal; font-weight: 500; }\n .level[data-level=\"1\"] .analogy { background: var(--accent-1-dim); border-color: var(--accent-1); }\n .level[data-level=\"2\"] .analogy { background: var(--accent-2-dim); border-color: var(--accent-2); }\n .level[data-level=\"3\"] .analogy { background: var(--accent-3-dim); border-color: var(--accent-3); }\n\n \/* Comparison table *\/\n .comparison {\n margin-top: 48px;\n animation: fadeUp 0.8s 0.45s ease both;\n }\n .comparison h2 {\n font-family: 'DM Serif Display', serif;\n font-size: 28px;\n font-weight: 400;\n font-style: italic;\n text-align: center;\n margin-bottom: 24px;\n color: #fafafa;\n }\n .table-wrap {\n overflow-x: auto;\n border-radius: 12px;\n border: 1px solid var(--border);\n }\n table {\n width: 100%;\n border-collapse: collapse;\n font-size: 13px;\n min-width: 600px;\n }\n thead th {\n background: var(--surface2);\n padding: 14px 16px;\n text-align: left;\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px;\n letter-spacing: 1px;\n color: var(--text-dim);\n text-transform: uppercase;\n border-bottom: 1px solid var(--border);\n }\n thead th:nth-child(2) { color: var(--accent-1); }\n thead th:nth-child(3) { color: var(--accent-2); }\n thead th:nth-child(4) { color: var(--accent-3); }\n tbody td {\n padding: 12px 16px;\n border-bottom: 1px solid var(--border);\n color: var(--text-dim);\n vertical-align: top;\n line-height: 1.5;\n background: var(--surface);\n }\n tbody td:first-child {\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px;\n color: var(--text-muted);\n white-space: nowrap;\n }\n tbody tr:last-child td { border-bottom: none; }\n\n \/* Recommendation *\/\n .recommendation {\n margin-top: 48px;\n padding: 32px;\n border-radius: 16px;\n background: linear-gradient(135deg, #0f1a0f, #0a0a0c 60%);\n border: 1px solid #1b3d1b;\n text-align: center;\n animation: fadeUp 0.8s 0.6s ease both;\n }\n .recommendation .tag {\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px;\n letter-spacing: 4px;\n color: var(--green);\n text-transform: uppercase;\n margin-bottom: 12px;\n }\n .recommendation h3 {\n font-family: 'DM Serif Display', serif;\n font-size: 24px;\n font-weight: 400;\n font-style: italic;\n color: #fafafa;\n margin-bottom: 16px;\n }\n .roadmap {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0;\n flex-wrap: wrap;\n margin-top: 20px;\n }\n .roadmap-step {\n padding: 12px 20px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 500;\n position: relative;\n }\n .roadmap-step.s1 { background: var(--accent-1-dim); color: var(--accent-1); border: 1px solid var(--accent-1); }\n .roadmap-step.s2 { background: var(--accent-2-dim); color: var(--accent-2); border: 1px solid var(--accent-2); }\n .roadmap-step.s3 { background: var(--accent-3-dim); color: var(--accent-3); border: 1px solid var(--accent-3); }\n .roadmap-arrow {\n font-size: 18px;\n color: var(--text-muted);\n padding: 0 10px;\n }\n .roadmap-label {\n font-family: 'JetBrains Mono', monospace;\n font-size: 9px;\n color: var(--text-muted);\n display: block;\n margin-top: 4px;\n }\n\n \/* Animations *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* Arrow animation in SVG *\/\n .flow-arrow { animation: pulse 2s ease-in-out infinite; }\n .flow-arrow:nth-child(2) { animation-delay: 0.3s; }\n .flow-arrow:nth-child(3) { animation-delay: 0.6s; }\n @keyframes pulse { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } }\n\n \/* Responsive *\/\n @media (max-width: 640px) {\n .level-header { padding: 20px 16px; gap: 12px; }\n .level-content { padding: 0 16px 24px; }\n .level-badges { display: none; }\n .level-number { width: 44px; height: 44px; font-size: 18px; }\n .graph-container { padding: 20px 12px; }\n .roadmap { flex-direction: column; }\n .roadmap-arrow { transform: rotate(90deg); padding: 4px 0; }\n }\n<\/style>\n<\/head>\n<body>\n<div class=\"container\">\n\n <div class=\"header\">\n <div class=\"tag\">OpenClaw \u00b7 Architektura Agent\u00f3w<\/div>\n <h1>3 Poziomy Zaawansowania<\/h1>\n <p>Od wyspecjalizowanych asystent\u00f3w po autonomiczny ekosystem pokoj\u00f3w i warstw. Ka\u017cdy poziom buduje na poprzednim.<\/p>\n <\/div>\n\n \n <div class=\"level open\" data-level=\"1\">\n <div class=\"level-header\" onclick=\"toggleLevel(this)\">\n <div class=\"level-number\">1<\/div>\n <div class=\"level-meta\">\n <h2>Zesp\u00f3\u0142 R\u00f3l<\/h2>\n <div class=\"subtitle\">CEO \u00b7 CMO \u00b7 PM \u00b7 Copywriter \u2014 ka\u017cdy osobno, Ty koordynujesz<\/div>\n <\/div>\n <div class=\"level-badges\">\n <span class=\"badge badge-difficulty\">\u0141ATWY<\/span>\n <span class=\"badge badge-time\">1\u20133 tyg<\/span>\n <\/div>\n <svg class=\"chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\n <\/div>\n <div class=\"level-body\">\n <div class=\"level-content\">\n <div class=\"graph-container\">\n <svg class=\"diagram\" viewBox=\"0 0 760 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <g class=\"node\" transform=\"translate(340, 24)\">\n <rect x=\"-40\" y=\"0\" width=\"80\" height=\"36\" rx=\"18\" fill=\"#f59e0b22\" stroke=\"#f59e0b\" stroke-width=\"1.5\"\/>\n <text x=\"0\" y=\"23\" text-anchor=\"middle\" fill=\"#f59e0b\" font-family=\"JetBrains Mono\" font-size=\"11\" font-weight=\"600\">TY<\/text>\n <\/g>\n \n <line x1=\"300\" y1=\"55\" x2=\"100\" y2=\"100\" stroke=\"#f59e0b33\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\n <line x1=\"330\" y1=\"58\" x2=\"270\" y2=\"100\" stroke=\"#f59e0b33\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\n <line x1=\"430\" y1=\"58\" x2=\"490\" y2=\"100\" stroke=\"#f59e0b33\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\n <line x1=\"460\" y1=\"55\" x2=\"660\" y2=\"100\" stroke=\"#f59e0b33\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\n \n <g class=\"node\" transform=\"translate(100, 100)\">\n <rect x=\"-56\" y=\"0\" width=\"112\" height=\"72\" rx=\"10\" fill=\"#1a1a20\" stroke=\"#f59e0b55\" stroke-width=\"1\"\/>\n <text x=\"0\" y=\"28\" text-anchor=\"middle\" fill=\"#fafafa\" font-family=\"DM Sans\" font-size=\"13\" font-weight=\"500\">CEO<\/text>\n <text x=\"0\" y=\"48\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"10\">strategia<\/text>\n <text x=\"0\" y=\"62\" text-anchor=\"middle\" fill=\"#3f3f46\" font-family=\"JetBrains Mono\" font-size=\"8\">SOUL.md + AGENTS.md<\/text>\n <\/g>\n <g class=\"node\" transform=\"translate(270, 100)\">\n <rect x=\"-56\" y=\"0\" width=\"112\" height=\"72\" rx=\"10\" fill=\"#1a1a20\" stroke=\"#f59e0b55\" stroke-width=\"1\"\/>\n <text x=\"0\" y=\"28\" text-anchor=\"middle\" fill=\"#fafafa\" font-family=\"DM Sans\" font-size=\"13\" font-weight=\"500\">CMO<\/text>\n <text x=\"0\" y=\"48\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"10\">marketing<\/text>\n <text x=\"0\" y=\"62\" text-anchor=\"middle\" fill=\"#3f3f46\" font-family=\"JetBrains Mono\" font-size=\"8\">SOUL.md + AGENTS.md<\/text>\n <\/g>\n <g class=\"node\" transform=\"translate(490, 100)\">\n <rect x=\"-56\" y=\"0\" width=\"112\" height=\"72\" rx=\"10\" fill=\"#1a1a20\" stroke=\"#f59e0b55\" stroke-width=\"1\"\/>\n <text x=\"0\" y=\"28\" text-anchor=\"middle\" fill=\"#fafafa\" font-family=\"DM Sans\" font-size=\"13\" font-weight=\"500\">PM<\/text>\n <text x=\"0\" y=\"48\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"10\">zarz\u0105dzanie<\/text>\n <text x=\"0\" y=\"62\" text-anchor=\"middle\" fill=\"#3f3f46\" font-family=\"JetBrains Mono\" font-size=\"8\">SOUL.md + AGENTS.md<\/text>\n <\/g>\n <g class=\"node\" transform=\"translate(660, 100)\">\n <rect x=\"-56\" y=\"0\" width=\"112\" height=\"72\" rx=\"10\" fill=\"#1a1a20\" stroke=\"#f59e0b55\" stroke-width=\"1\"\/>\n <text x=\"0\" y=\"28\" text-anchor=\"middle\" fill=\"#fafafa\" font-family=\"DM Sans\" font-size=\"13\" font-weight=\"500\">Copy<\/text>\n <text x=\"0\" y=\"48\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"10\">tre\u015bci<\/text>\n <text x=\"0\" y=\"62\" text-anchor=\"middle\" fill=\"#3f3f46\" font-family=\"JetBrains Mono\" font-size=\"8\">SOUL.md + AGENTS.md<\/text>\n <\/g>\n \n <text x=\"380\" y=\"196\" text-anchor=\"middle\" fill=\"#3f3f4688\" font-family=\"JetBrains Mono\" font-size=\"9\" letter-spacing=\"1\">BRAK KOMUNIKACJI MI\u0118DZY AGENTAMI<\/text>\n <\/svg>\n <\/div>\n\n <div class=\"analogy\">\n Jak <em>Custom GPTs \/ Gemini Gems<\/em>, ale na Twoim serwerze, z pami\u0119ci\u0105 d\u0142ugoterminow\u0105 i dost\u0119pem przez Telegram 24\/7. Ka\u017cdy agent dzia\u0142a osobno \u2014 Ty jeste\u015b \u0142\u0105cznikiem.\n <\/div>\n\n <div class=\"desc-grid\">\n <div class=\"desc-card can\">\n <h4>\u2713 Co mo\u017ce<\/h4>\n <ul>\n <li>Wyspecjalizowany asystent per domena<\/li>\n <li>Osobna pami\u0119\u0107 i kontekst per agent<\/li>\n <li>Routing: kana\u0142 Telegram \u2192 konkretny agent<\/li>\n <li>Dost\u0119pno\u015b\u0107 24\/7 przez komunikator<\/li>\n <\/ul>\n <\/div>\n <div class=\"desc-card cant\">\n <h4>\u2717 Czego nie mo\u017ce<\/h4>\n <ul>\n <li>Agenci nie wsp\u00f3\u0142pracuj\u0105 automatycznie<\/li>\n <li>Ty kopiujesz output r\u0119cznie mi\u0119dzy nimi<\/li>\n <li>Brak pipeline’u, bud\u017cetowania, walidacji<\/li>\n <li>Brak zarz\u0105dzania zadaniami<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"level\" data-level=\"2\">\n <div class=\"level-header\" onclick=\"toggleLevel(this)\">\n <div class=\"level-number\">2<\/div>\n <div class=\"level-meta\">\n <h2>Pipeline Misyjny<\/h2>\n <div class=\"subtitle\">Commander \u2192 Decomposer \u2192 Researcher \u2192 Executor \u2192 Validator<\/div>\n <\/div>\n <div class=\"level-badges\">\n <span class=\"badge badge-difficulty\">\u015aREDNI<\/span>\n <span class=\"badge badge-time\">4\u20138 tyg<\/span>\n <\/div>\n <svg class=\"chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\n <\/div>\n <div class=\"level-body\">\n <div class=\"level-content\">\n <div class=\"graph-container\">\n <svg class=\"diagram\" viewBox=\"0 0 760 260\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <g class=\"node\" transform=\"translate(60, 96)\">\n <rect x=\"-40\" y=\"0\" width=\"80\" height=\"36\" rx=\"18\" fill=\"#8b5cf622\" stroke=\"#8b5cf6\" stroke-width=\"1.5\"\/>\n <text x=\"0\" y=\"23\" text-anchor=\"middle\" fill=\"#8b5cf6\" font-family=\"JetBrains Mono\" font-size=\"11\" font-weight=\"600\">TY<\/text>\n <\/g>\n \n <line x1=\"100\" y1=\"114\" x2=\"140\" y2=\"114\" stroke=\"#8b5cf644\" stroke-width=\"1.5\"\/>\n <polygon points=\"140,110 148,114 140,118\" fill=\"#8b5cf666\"\/>\n \n <g class=\"node\" transform=\"translate(210, 84)\">\n <rect x=\"-56\" y=\"0\" width=\"112\" height=\"60\" rx=\"10\" fill=\"#1a1a20\" stroke=\"#8b5cf6\" stroke-width=\"1.5\"\/>\n <text x=\"0\" y=\"24\" text-anchor=\"middle\" fill=\"#fafafa\" font-family=\"DM Sans\" font-size=\"13\" font-weight=\"600\">Commander<\/text>\n <text x=\"0\" y=\"42\" text-anchor=\"middle\" fill=\"#8b5cf6\" font-family=\"JetBrains Mono\" font-size=\"9\">KOORDYNUJE<\/text>\n <\/g>\n \n <g class=\"flow-arrow\"><line x1=\"266\" y1=\"114\" x2=\"310\" y2=\"114\" stroke=\"#8b5cf644\" stroke-width=\"1.5\"\/><polygon points=\"310,110 318,114 310,118\" fill=\"#8b5cf666\"\/><\/g>\n \n <g class=\"node\" transform=\"translate(380, 84)\">\n <rect x=\"-56\" y=\"0\" width=\"112\" height=\"60\" rx=\"10\" fill=\"#1a1a20\" stroke=\"#8b5cf655\" stroke-width=\"1\"\/>\n <text x=\"0\" y=\"24\" text-anchor=\"middle\" fill=\"#e4e4e8\" font-family=\"DM Sans\" font-size=\"12\">Decomposer<\/text>\n <text x=\"0\" y=\"42\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">rozbija na zadania<\/text>\n <\/g>\n <g class=\"flow-arrow\"><line x1=\"436\" y1=\"114\" x2=\"480\" y2=\"114\" stroke=\"#8b5cf644\" stroke-width=\"1.5\"\/><polygon points=\"480,110 488,114 480,118\" fill=\"#8b5cf666\"\/><\/g>\n \n <g class=\"node\" transform=\"translate(550, 84)\">\n <rect x=\"-56\" y=\"0\" width=\"112\" height=\"60\" rx=\"10\" fill=\"#1a1a20\" stroke=\"#8b5cf655\" stroke-width=\"1\"\/>\n <text x=\"0\" y=\"24\" text-anchor=\"middle\" fill=\"#e4e4e8\" font-family=\"DM Sans\" font-size=\"12\">Researcher<\/text>\n <text x=\"0\" y=\"42\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">zbiera dane<\/text>\n <\/g>\n \n <line x1=\"606\" y1=\"134\" x2=\"606\" y2=\"170\" stroke=\"#8b5cf633\" stroke-width=\"1\"\/>\n <polygon points=\"602,170 606,178 610,170\" fill=\"#8b5cf655\"\/>\n \n <g class=\"node\" transform=\"translate(550, 180)\">\n <rect x=\"-56\" y=\"0\" width=\"112\" height=\"60\" rx=\"10\" fill=\"#1a1a20\" stroke=\"#8b5cf655\" stroke-width=\"1\"\/>\n <text x=\"0\" y=\"24\" text-anchor=\"middle\" fill=\"#e4e4e8\" font-family=\"DM Sans\" font-size=\"12\">Executor<\/text>\n <text x=\"0\" y=\"42\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">wykonuje zadania<\/text>\n <\/g>\n \n <line x1=\"494\" y1=\"210\" x2=\"436\" y2=\"210\" stroke=\"#8b5cf633\" stroke-width=\"1\"\/>\n <polygon points=\"436,206 428,210 436,214\" fill=\"#8b5cf655\"\/>\n \n <g class=\"node\" transform=\"translate(380, 180)\">\n <rect x=\"-56\" y=\"0\" width=\"112\" height=\"60\" rx=\"10\" fill=\"#1a1a20\" stroke=\"#4ade8055\" stroke-width=\"1\"\/>\n <text x=\"0\" y=\"24\" text-anchor=\"middle\" fill=\"#e4e4e8\" font-family=\"DM Sans\" font-size=\"12\">Validator<\/text>\n <text x=\"0\" y=\"42\" text-anchor=\"middle\" fill=\"#4ade80\" font-family=\"DM Sans\" font-size=\"9\">sprawdza jako\u015b\u0107<\/text>\n <\/g>\n \n <line x1=\"324\" y1=\"210\" x2=\"120\" y2=\"210\" stroke=\"#4ade8033\" stroke-width=\"1\" stroke-dasharray=\"6 3\"\/>\n <line x1=\"120\" y1=\"210\" x2=\"80\" y2=\"140\" stroke=\"#4ade8033\" stroke-width=\"1\" stroke-dasharray=\"6 3\"\/>\n <polygon points=\"76,142 80,132 84,142\" fill=\"#4ade8055\"\/>\n \n <text x=\"130\" y=\"108\" text-anchor=\"middle\" fill=\"#8b5cf666\" font-family=\"JetBrains Mono\" font-size=\"8\">misja<\/text>\n <text x=\"82\" y=\"186\" text-anchor=\"middle\" fill=\"#4ade8066\" font-family=\"JetBrains Mono\" font-size=\"8\">raport<\/text>\n \n <g transform=\"translate(296, 18)\">\n <rect x=\"-36\" y=\"0\" width=\"72\" height=\"24\" rx=\"4\" fill=\"#f59e0b18\" stroke=\"#f59e0b55\" stroke-width=\"1\"\/>\n <text x=\"0\" y=\"16\" text-anchor=\"middle\" fill=\"#f59e0b\" font-family=\"JetBrains Mono\" font-size=\"8\" font-weight=\"600\">APPROVAL<\/text>\n <\/g>\n <line x1=\"296\" y1=\"42\" x2=\"296\" y2=\"84\" stroke=\"#f59e0b33\" stroke-width=\"1\" stroke-dasharray=\"3 3\"\/>\n \n <g transform=\"translate(210, 184)\">\n <rect x=\"-40\" y=\"0\" width=\"80\" height=\"28\" rx=\"6\" fill=\"#2563eb18\" stroke=\"#2563eb55\" stroke-width=\"1\"\/>\n <text x=\"0\" y=\"18\" text-anchor=\"middle\" fill=\"#2563eb\" font-family=\"JetBrains Mono\" font-size=\"9\">Postgres<\/text>\n <\/g>\n <line x1=\"210\" y1=\"144\" x2=\"210\" y2=\"184\" stroke=\"#2563eb33\" stroke-width=\"1\" stroke-dasharray=\"3 3\"\/>\n <\/svg>\n <\/div>\n\n <div class=\"analogy\">\n Jak <em>zesp\u00f3\u0142 projektowy z kierownikiem<\/em>. Wysy\u0142asz misj\u0119, Commander organizuje prac\u0119, Ty zatwierdzasz plan, dostajesz gotowy wynik. Nie musisz koordynowa\u0107 r\u0119cznie.\n <\/div>\n\n <div class=\"desc-grid\">\n <div class=\"desc-card can\">\n <h4>\u2713 Co mo\u017ce<\/h4>\n <ul>\n <li>Automatyczna koordynacja mi\u0119dzy agentami<\/li>\n <li>Zarz\u0105dzanie misjami w bazie danych<\/li>\n <li>Bramka approval \u2014 zatwierdzasz plan przed wykonaniem<\/li>\n <li>Kontrola bud\u017cetu API per misja<\/li>\n <li>Walidacja jako\u015bci outputu<\/li>\n <\/ul>\n <\/div>\n <div class=\"desc-card cant\">\n <h4>\u2717 Czego nie mo\u017ce<\/h4>\n <ul>\n <li>Pipeline jest liniowy (zawsze ta sama sekwencja)<\/li>\n <li>Brak izolacji mi\u0119dzy r\u00f3\u017cnymi typami pracy<\/li>\n <li>Brak r\u00f3wnoleg\u0142ej pracy wielu zespo\u0142\u00f3w<\/li>\n <li>Jedno zadanie na raz w pipeline<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"level\" data-level=\"3\">\n <div class=\"level-header\" onclick=\"toggleLevel(this)\">\n <div class=\"level-number\">3<\/div>\n <div class=\"level-meta\">\n <h2>Pokoje i Warstwy<\/h2>\n <div class=\"subtitle\">Rooms \/ Layers \u2014 izolowane departamenty z koordynatorami i bramkami<\/div>\n <\/div>\n <div class=\"level-badges\">\n <span class=\"badge badge-difficulty\">ZAAWANSOWANY<\/span>\n <span class=\"badge badge-time\">3\u20136 mies<\/span>\n <\/div>\n <svg class=\"chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\n <\/div>\n <div class=\"level-body\">\n <div class=\"level-content\">\n <div class=\"graph-container\">\n <svg class=\"diagram\" viewBox=\"0 0 760 360\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <text x=\"16\" y=\"20\" fill=\"#06b6d4\" font-family=\"JetBrains Mono\" font-size=\"10\" font-weight=\"600\" letter-spacing=\"2\">WARSTWA: OPERACJE<\/text>\n <rect x=\"10\" y=\"30\" width=\"740\" height=\"175\" rx=\"12\" fill=\"#06b6d406\" stroke=\"#06b6d422\" stroke-width=\"1\"\/>\n\n \n <g transform=\"translate(60, 50)\">\n <rect x=\"0\" y=\"0\" width=\"200\" height=\"140\" rx=\"10\" fill=\"#111118\" stroke=\"#06b6d433\" stroke-width=\"1\"\/>\n <text x=\"100\" y=\"24\" text-anchor=\"middle\" fill=\"#06b6d4\" font-family=\"JetBrains Mono\" font-size=\"10\" font-weight=\"600\">DIRECTION<\/text>\n \n <rect x=\"30\" y=\"38\" width=\"140\" height=\"30\" rx=\"6\" fill=\"#06b6d412\" stroke=\"#06b6d444\" stroke-width=\"1\"\/>\n <text x=\"100\" y=\"58\" text-anchor=\"middle\" fill=\"#fafafa\" font-family=\"DM Sans\" font-size=\"11\">Koordynator<\/text>\n \n <rect x=\"16\" y=\"80\" width=\"76\" height=\"26\" rx=\"5\" fill=\"#1a1a20\" stroke=\"#3f3f46\" stroke-width=\"0.5\"\/>\n <text x=\"54\" y=\"97\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">researcher<\/text>\n <rect x=\"108\" y=\"80\" width=\"76\" height=\"26\" rx=\"5\" fill=\"#1a1a20\" stroke=\"#3f3f46\" stroke-width=\"0.5\"\/>\n <text x=\"146\" y=\"97\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">analyst<\/text>\n \n <line x1=\"70\" y1=\"68\" x2=\"54\" y2=\"80\" stroke=\"#3f3f4666\" stroke-width=\"0.7\"\/>\n <line x1=\"130\" y1=\"68\" x2=\"146\" y2=\"80\" stroke=\"#3f3f4666\" stroke-width=\"0.7\"\/>\n <text x=\"100\" y=\"128\" text-anchor=\"middle\" fill=\"#3f3f46\" font-family=\"JetBrains Mono\" font-size=\"7\">sub-agenci znikaj\u0105 po pracy<\/text>\n <\/g>\n\n \n <g transform=\"translate(280, 100)\">\n <rect x=\"0\" y=\"0\" width=\"60\" height=\"40\" rx=\"4\" fill=\"#f59e0b18\" stroke=\"#f59e0b66\" stroke-width=\"1.5\"\/>\n <text x=\"30\" y=\"16\" text-anchor=\"middle\" fill=\"#f59e0b\" font-family=\"JetBrains Mono\" font-size=\"8\" font-weight=\"600\">BRAMKA<\/text>\n <text x=\"30\" y=\"30\" text-anchor=\"middle\" fill=\"#f59e0b88\" font-family=\"JetBrains Mono\" font-size=\"7\">approval<\/text>\n <\/g>\n \n <line x1=\"260\" y1=\"120\" x2=\"280\" y2=\"120\" stroke=\"#06b6d444\" stroke-width=\"1.5\"\/>\n <polygon points=\"278,116 286,120 278,124\" fill=\"#06b6d466\"\/>\n \n <line x1=\"340\" y1=\"120\" x2=\"365\" y2=\"120\" stroke=\"#06b6d444\" stroke-width=\"1.5\"\/>\n <polygon points=\"363,116 371,120 363,124\" fill=\"#06b6d466\"\/>\n\n \n <g transform=\"translate(370, 50)\">\n <rect x=\"0\" y=\"0\" width=\"200\" height=\"140\" rx=\"10\" fill=\"#111118\" stroke=\"#06b6d433\" stroke-width=\"1\"\/>\n <text x=\"100\" y=\"24\" text-anchor=\"middle\" fill=\"#06b6d4\" font-family=\"JetBrains Mono\" font-size=\"10\" font-weight=\"600\">EXECUTION<\/text>\n <rect x=\"30\" y=\"38\" width=\"140\" height=\"30\" rx=\"6\" fill=\"#06b6d412\" stroke=\"#06b6d444\" stroke-width=\"1\"\/>\n <text x=\"100\" y=\"58\" text-anchor=\"middle\" fill=\"#fafafa\" font-family=\"DM Sans\" font-size=\"11\">Koordynator<\/text>\n <rect x=\"16\" y=\"80\" width=\"76\" height=\"26\" rx=\"5\" fill=\"#1a1a20\" stroke=\"#3f3f46\" stroke-width=\"0.5\"\/>\n <text x=\"54\" y=\"97\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">executor<\/text>\n <rect x=\"108\" y=\"80\" width=\"76\" height=\"26\" rx=\"5\" fill=\"#1a1a20\" stroke=\"#3f3f46\" stroke-width=\"0.5\"\/>\n <text x=\"146\" y=\"97\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">copywriter<\/text>\n <line x1=\"70\" y1=\"68\" x2=\"54\" y2=\"80\" stroke=\"#3f3f4666\" stroke-width=\"0.7\"\/>\n <line x1=\"130\" y1=\"68\" x2=\"146\" y2=\"80\" stroke=\"#3f3f4666\" stroke-width=\"0.7\"\/>\n <\/g>\n\n \n <g transform=\"translate(590, 100)\">\n <rect x=\"0\" y=\"0\" width=\"60\" height=\"40\" rx=\"4\" fill=\"#f59e0b18\" stroke=\"#f59e0b66\" stroke-width=\"1.5\"\/>\n <text x=\"30\" y=\"16\" text-anchor=\"middle\" fill=\"#f59e0b\" font-family=\"JetBrains Mono\" font-size=\"8\" font-weight=\"600\">BRAMKA<\/text>\n <text x=\"30\" y=\"30\" text-anchor=\"middle\" fill=\"#f59e0b88\" font-family=\"JetBrains Mono\" font-size=\"7\">quality<\/text>\n <\/g>\n <line x1=\"570\" y1=\"120\" x2=\"590\" y2=\"120\" stroke=\"#06b6d444\" stroke-width=\"1.5\"\/>\n <polygon points=\"588,116 596,120 588,124\" fill=\"#06b6d466\"\/>\n\n \n <line x1=\"650\" y1=\"120\" x2=\"672\" y2=\"120\" stroke=\"#06b6d444\" stroke-width=\"1.5\"\/>\n <polygon points=\"670,116 678,120 670,124\" fill=\"#06b6d466\"\/>\n\n \n <g transform=\"translate(678, 80)\">\n <rect x=\"0\" y=\"0\" width=\"60\" height=\"80\" rx=\"10\" fill=\"#111118\" stroke=\"#4ade8033\" stroke-width=\"1\"\/>\n <text x=\"30\" y=\"22\" text-anchor=\"middle\" fill=\"#4ade80\" font-family=\"JetBrains Mono\" font-size=\"8\" font-weight=\"600\">CLOSING<\/text>\n <text x=\"30\" y=\"46\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"8\">validator<\/text>\n <text x=\"30\" y=\"62\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"8\">reporter<\/text>\n <\/g>\n\n \n <g transform=\"translate(285, 148)\">\n <rect x=\"0\" y=\"0\" width=\"100\" height=\"18\" rx=\"3\" fill=\"#06b6d410\" stroke=\"#06b6d433\" stroke-width=\"0.5\"\/>\n <text x=\"50\" y=\"13\" text-anchor=\"middle\" fill=\"#06b6d488\" font-family=\"JetBrains Mono\" font-size=\"7\">hand-off.json<\/text>\n <\/g>\n <g transform=\"translate(595, 148)\">\n <rect x=\"0\" y=\"0\" width=\"100\" height=\"18\" rx=\"3\" fill=\"#06b6d410\" stroke=\"#06b6d433\" stroke-width=\"0.5\"\/>\n <text x=\"50\" y=\"13\" text-anchor=\"middle\" fill=\"#06b6d488\" font-family=\"JetBrains Mono\" font-size=\"7\">hand-off.json<\/text>\n <\/g>\n\n \n <text x=\"16\" y=\"230\" fill=\"#f5720788\" font-family=\"JetBrains Mono\" font-size=\"10\" font-weight=\"600\" letter-spacing=\"2\">WARSTWA: MAINTENANCE<\/text>\n <rect x=\"10\" y=\"240\" width=\"360\" height=\"105\" rx=\"12\" fill=\"#f5720706\" stroke=\"#f5720722\" stroke-width=\"1\"\/>\n\n <g transform=\"translate(60, 258)\">\n <rect x=\"0\" y=\"0\" width=\"120\" height=\"70\" rx=\"10\" fill=\"#111118\" stroke=\"#f5720733\" stroke-width=\"1\"\/>\n <text x=\"60\" y=\"22\" text-anchor=\"middle\" fill=\"#f57207\" font-family=\"JetBrains Mono\" font-size=\"9\" font-weight=\"600\">MONITOR<\/text>\n <text x=\"60\" y=\"44\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">health check<\/text>\n <text x=\"60\" y=\"58\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">logs audit<\/text>\n <\/g>\n\n <line x1=\"180\" y1=\"293\" x2=\"220\" y2=\"293\" stroke=\"#f5720744\" stroke-width=\"1\"\/>\n <polygon points=\"218,289 226,293 218,297\" fill=\"#f5720766\"\/>\n\n <g transform=\"translate(230, 258)\">\n <rect x=\"0\" y=\"0\" width=\"120\" height=\"70\" rx=\"10\" fill=\"#111118\" stroke=\"#f5720733\" stroke-width=\"1\"\/>\n <text x=\"60\" y=\"22\" text-anchor=\"middle\" fill=\"#f57207\" font-family=\"JetBrains Mono\" font-size=\"9\" font-weight=\"600\">REPAIR<\/text>\n <text x=\"60\" y=\"44\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">backup<\/text>\n <text x=\"60\" y=\"58\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">config fix<\/text>\n <\/g>\n\n \n <g transform=\"translate(420, 268)\">\n <rect x=\"0\" y=\"0\" width=\"180\" height=\"50\" rx=\"8\" fill=\"#f8717112\" stroke=\"#f8717133\" stroke-width=\"1\" stroke-dasharray=\"4 2\"\/>\n <text x=\"90\" y=\"22\" text-anchor=\"middle\" fill=\"#f87171\" font-family=\"JetBrains Mono\" font-size=\"8\" font-weight=\"600\">\u26a0 PE\u0141NA IZOLACJA<\/text>\n <text x=\"90\" y=\"38\" text-anchor=\"middle\" fill=\"#f8717188\" font-family=\"DM Sans\" font-size=\"9\">osobne workspace, auth, tools<\/text>\n <\/g>\n <\/svg>\n <\/div>\n\n <div class=\"analogy\">\n Jak <em>korporacja z departamentami<\/em>. Ka\u017cdy departament (warstwa) dzia\u0142a niezale\u017cnie. W ka\u017cdym departamencie sale konferencyjne (pokoje), gdzie zespo\u0142y pracuj\u0105 nad etapami. Formalne przekazanie wynik\u00f3w mi\u0119dzy salami. Awaria jednego departamentu nie blokuje reszty.\n <\/div>\n\n <div class=\"desc-grid\">\n <div class=\"desc-card can\">\n <h4>\u2713 Co mo\u017ce<\/h4>\n <ul>\n <li>R\u00f3wnoleg\u0142a praca wielu zespo\u0142\u00f3w<\/li>\n <li>Izolacja danych i uprawnie\u0144 mi\u0119dzy warstwami<\/li>\n <li>Formalne hand-offy z walidacj\u0105 (JSON schema)<\/li>\n <li>Multi-model: tani model dla sub-agent\u00f3w, drogi dla koordynatora<\/li>\n <li>Obs\u0142uga wielu klient\u00f3w jednocze\u015bnie<\/li>\n <\/ul>\n <\/div>\n <div class=\"desc-card cant\">\n <h4>\u2717 Wymagania<\/h4>\n <ul>\n <li>Zaawansowana konfiguracja tool policy per warstwa<\/li>\n <li>Custom hand-off schema (musicie zbudowa\u0107)<\/li>\n <li>G\u0142\u0119bokie zrozumienie bezpiecze\u0144stwa OpenClaw<\/li>\n <li>Znacznie wy\u017csze koszty API i utrzymania<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"comparison\">\n <h2>Por\u00f3wnanie<\/h2>\n <div class=\"table-wrap\">\n <table>\n <thead>\n <tr>\n <th>Aspekt<\/th>\n <th>Poziom 1 \u00b7 Zesp\u00f3\u0142 R\u00f3l<\/th>\n <th>Poziom 2 \u00b7 Pipeline<\/th>\n <th>Poziom 3 \u00b7 Rooms\/Layers<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>Koordynacja<\/td>\n <td>Ty, r\u0119cznie<\/td>\n <td>Commander automatycznie<\/td>\n <td>Koordynatorzy pokoj\u00f3w + bramki<\/td>\n <\/tr>\n <tr>\n <td>Przep\u0142yw danych<\/td>\n <td>Copy-paste mi\u0119dzy czatami<\/td>\n <td>Liniowy pipeline (A\u2192B\u2192C\u2192D)<\/td>\n <td>Hand-off JSON mi\u0119dzy pokojami<\/td>\n <\/tr>\n <tr>\n <td>R\u00f3wnoleg\u0142o\u015b\u0107<\/td>\n <td>Brak<\/td>\n <td>Minimalna (sub-agenci)<\/td>\n <td>Pe\u0142na (warstwy niezale\u017cne)<\/td>\n <\/tr>\n <tr>\n <td>Izolacja<\/td>\n <td>Osobne workspace’y<\/td>\n <td>Wsp\u00f3lny pipeline<\/td>\n <td>Twarde granice per warstwa<\/td>\n <\/tr>\n <tr>\n <td>Bud\u017cet<\/td>\n <td>Nie kontrolowany<\/td>\n <td>Per-misja tracking<\/td>\n <td>Per-pok\u00f3j + per-warstwa gates<\/td>\n <\/tr>\n <tr>\n <td>Wymagana wiedza<\/td>\n <td>SOUL.md + routing<\/td>\n <td>+ Postgres + Lobster + CLI<\/td>\n <td>+ tool policy + security + schema<\/td>\n <\/tr>\n <tr>\n <td>Czas wdro\u017cenia<\/td>\n <td>1\u20133 tygodnie<\/td>\n <td>4\u20138 tygodni<\/td>\n <td>3\u20136 miesi\u0119cy<\/td>\n <\/tr>\n <tr>\n <td>Analogia<\/td>\n <td>Lepsze Gems \/ Custom GPTs<\/td>\n <td>Zesp\u00f3\u0142 z kierownikiem projektu<\/td>\n <td>Korporacja z departamentami<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"recommendation\">\n <div class=\"tag\">Rekomendacja<\/div>\n <h3>Zacznij od 1, buduj w stron\u0119 2, celuj w 3<\/h3>\n <p style=\"color: #71717a; font-size: 14px; max-width: 560px; margin: 0 auto 24px; line-height: 1.7;\">\n Poziom 1 daje Ci realne do\u015bwiadczenie z pisaniem SOUL.md i AGENTS.md.<br>\n Poziom 2 to MVP \u2014 system sam koordynuje prac\u0119 i mo\u017cna go u\u017cy\u0107 do ulepszania siebie.<br>\n Poziom 3 to cel d\u0142ugoterminowy \u2014 gdy obs\u0142ugujesz wielu klient\u00f3w agencji.\n <\/p>\n <div class=\"roadmap\">\n <div class=\"roadmap-step s1\">\n Poziom 1\n <span class=\"roadmap-label\">tydzie\u0144 1\u20133<\/span>\n <\/div>\n <span class=\"roadmap-arrow\">\u2192<\/span>\n <div class=\"roadmap-step s2\">\n Poziom 2 \u00b7 MVP\n <span class=\"roadmap-label\">tydzie\u0144 4\u201312<\/span>\n <\/div>\n <span class=\"roadmap-arrow\">\u2192<\/span>\n <div class=\"roadmap-step s3\">\n Poziom 3 \u00b7 Produkcja\n <span class=\"roadmap-label\">miesi\u0105c 3\u20136<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\nfunction toggleLevel(header) {\n const level = header.closest('.level');\n level.classList.toggle('open');\n}\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>OpenClaw \u2014 3 Poziomy Architektury Agent\u00f3w OpenClaw \u00b7 Architektura Agent\u00f3w 3 Poziomy Zaawansowania Od wyspecjalizowanych asystent\u00f3w po autonomiczny ekosystem pokoj\u00f3w i warstw. Ka\u017cdy poziom buduje na poprzednim. 1 Zesp\u00f3\u0142 R\u00f3l CEO \u00b7 CMO \u00b7 PM \u00b7 Copywriter \u2014 ka\u017cdy osobno, Ty koordynujesz \u0141ATWY 1\u20133 tyg TY CEO strategia SOUL.md + AGENTS.md CMO marketing SOUL.md + […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bioclean.com.pl\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bioclean.com.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bioclean.com.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bioclean.com.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bioclean.com.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":17,"href":"https:\/\/bioclean.com.pl\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/bioclean.com.pl\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/bioclean.com.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":19,"date":"2026-01-23T16:02:10","date_gmt":"2026-01-23T15:02:10","guid":{"rendered":"https:\/\/bioclean.com.pl\/?page_id=19"},"modified":"2026-02-25T20:52:55","modified_gmt":"2026-02-25T19:52:55","slug":"19-2","status":"publish","type":"page","link":"https:\/\/bioclean.com.pl\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\nOpenClaw \u2014 3 Poziomy Architektury Agent\u00f3w<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=JetBrains+Mono:wght@300;400;600&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --bg: #0a0a0c;\n --surface: #111114;\n --surface2: #18181c;\n --border: #222228;\n --border-light: #2a2a32;\n --text: #e4e4e8;\n --text-dim: #71717a;\n --text-muted: #3f3f46;\n --accent-1: #f59e0b;\n --accent-1-dim: #f59e0b22;\n --accent-2: #8b5cf6;\n --accent-2-dim: #8b5cf622;\n --accent-3: #06b6d4;\n --accent-3-dim: #06b6d422;\n --green: #4ade80;\n --green-dim: #4ade8018;\n --red: #f87171;\n --red-dim: #f8717118;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n background: var(--bg);\n color: var(--text);\n font-family: 'DM Sans', sans-serif;\n line-height: 1.6;\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n \/* Noise overlay *\/\n body::before {\n content: '';\n position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");\n pointer-events: none; z-index: 0;\n }\n\n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 40px 20px 80px;\n position: relative;\n z-index: 1;\n }\n\n \/* Header *\/\n .header {\n text-align: center;\n margin-bottom: 60px;\n animation: fadeUp 0.8s ease both;\n }\n .header .tag {\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px;\n letter-spacing: 6px;\n color: var(--text-muted);\n text-transform: uppercase;\n margin-bottom: 12px;\n }\n .header h1 {\n font-family: 'DM Serif Display', serif;\n font-size: clamp(32px, 6vw, 56px);\n font-weight: 400;\n font-style: italic;\n color: #fafafa;\n line-height: 1.1;\n margin-bottom: 16px;\n }\n .header p {\n font-size: 15px;\n color: var(--text-dim);\n max-width: 520px;\n margin: 0 auto;\n }\n\n \/* Level cards *\/\n .level {\n margin-bottom: 32px;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid var(--border);\n background: var(--surface);\n animation: fadeUp 0.8s ease both;\n }\n .level:nth-child(2) { animation-delay: 0.15s; }\n .level:nth-child(3) { animation-delay: 0.3s; }\n\n .level-header {\n padding: 28px 32px;\n display: flex;\n align-items: center;\n gap: 20px;\n cursor: pointer;\n transition: background 0.2s;\n position: relative;\n }\n .level-header:hover { background: var(--surface2); }\n\n .level-number {\n width: 56px; height: 56px;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-family: 'DM Serif Display', serif;\n font-size: 24px;\n font-style: italic;\n flex-shrink: 0;\n transition: transform 0.3s;\n }\n .level-header:hover .level-number { transform: scale(1.08); }\n\n .level[data-level=\"1\"] .level-number { background: var(--accent-1-dim); color: var(--accent-1); border: 2px solid var(--accent-1); }\n .level[data-level=\"2\"] .level-number { background: var(--accent-2-dim); color: var(--accent-2); border: 2px solid var(--accent-2); }\n .level[data-level=\"3\"] .level-number { background: var(--accent-3-dim); color: var(--accent-3); border: 2px solid var(--accent-3); }\n\n .level-meta { flex: 1; }\n .level-meta h2 {\n font-family: 'DM Serif Display', serif;\n font-size: 22px;\n font-weight: 400;\n color: #fafafa;\n margin-bottom: 4px;\n }\n .level-meta .subtitle {\n font-size: 13px;\n color: var(--text-dim);\n }\n\n .level-badges {\n display: flex; gap: 6px; flex-wrap: wrap;\n justify-content: flex-end;\n }\n .badge {\n font-family: 'JetBrains Mono', monospace;\n font-size: 9px;\n font-weight: 600;\n padding: 4px 10px;\n border-radius: 4px;\n letter-spacing: 0.5px;\n white-space: nowrap;\n }\n .badge-difficulty { background: var(--accent-1-dim); color: var(--accent-1); }\n .badge-time { background: #ffffff08; color: var(--text-dim); border: 1px solid var(--border); }\n\n .level[data-level=\"2\"] .badge-difficulty { background: var(--accent-2-dim); color: var(--accent-2); }\n .level[data-level=\"3\"] .badge-difficulty { background: var(--accent-3-dim); color: var(--accent-3); }\n\n .chevron {\n width: 20px; height: 20px;\n color: var(--text-muted);\n transition: transform 0.3s;\n flex-shrink: 0;\n }\n .level.open .chevron { transform: rotate(180deg); }\n\n .level-body {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .level.open .level-body { max-height: 3000px; }\n\n .level-content {\n padding: 0 32px 32px;\n }\n\n \/* Graph area *\/\n .graph-container {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 32px 24px;\n margin-bottom: 24px;\n position: relative;\n overflow-x: auto;\n }\n\n \/* SVG diagrams *\/\n .diagram {\n width: 100%;\n min-height: 160px;\n }\n\n \/* Node styles *\/\n .node {\n cursor: default;\n }\n .node rect, .node circle {\n transition: all 0.2s;\n }\n .node:hover rect, .node:hover circle {\n filter: brightness(1.2);\n }\n\n \/* Description sections *\/\n .desc-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n margin-top: 20px;\n }\n @media (max-width: 640px) { .desc-grid { grid-template-columns: 1fr; } }\n\n .desc-card {\n padding: 16px;\n border-radius: 10px;\n border: 1px solid var(--border);\n background: var(--bg);\n }\n .desc-card h4 {\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px;\n letter-spacing: 2px;\n text-transform: uppercase;\n margin-bottom: 10px;\n }\n .desc-card.can h4 { color: var(--green); }\n .desc-card.cant h4 { color: var(--red); }\n .desc-card.use h4 { color: var(--accent-1); }\n .level[data-level=\"2\"] .desc-card.use h4 { color: var(--accent-2); }\n .level[data-level=\"3\"] .desc-card.use h4 { color: var(--accent-3); }\n\n .desc-card ul {\n list-style: none;\n padding: 0;\n }\n .desc-card li {\n font-size: 13px;\n color: var(--text-dim);\n padding: 4px 0;\n padding-left: 16px;\n position: relative;\n line-height: 1.5;\n }\n .desc-card.can li::before { content: '\u2713'; position: absolute; left: 0; color: var(--green); font-size: 11px; }\n .desc-card.cant li::before { content: '\u2717'; position: absolute; left: 0; color: var(--red); font-size: 11px; }\n .desc-card.use li::before { content: '\u2192'; position: absolute; left: 0; color: var(--text-muted); font-size: 11px; }\n\n \/* Analogy bar *\/\n .analogy {\n margin-top: 20px;\n padding: 16px 20px;\n border-radius: 10px;\n border-left: 3px solid;\n font-size: 14px;\n color: var(--text-dim);\n line-height: 1.6;\n }\n .analogy em { color: #fafafa; font-style: normal; font-weight: 500; }\n .level[data-level=\"1\"] .analogy { background: var(--accent-1-dim); border-color: var(--accent-1); }\n .level[data-level=\"2\"] .analogy { background: var(--accent-2-dim); border-color: var(--accent-2); }\n .level[data-level=\"3\"] .analogy { background: var(--accent-3-dim); border-color: var(--accent-3); }\n\n \/* Comparison table *\/\n .comparison {\n margin-top: 48px;\n animation: fadeUp 0.8s 0.45s ease both;\n }\n .comparison h2 {\n font-family: 'DM Serif Display', serif;\n font-size: 28px;\n font-weight: 400;\n font-style: italic;\n text-align: center;\n margin-bottom: 24px;\n color: #fafafa;\n }\n .table-wrap {\n overflow-x: auto;\n border-radius: 12px;\n border: 1px solid var(--border);\n }\n table {\n width: 100%;\n border-collapse: collapse;\n font-size: 13px;\n min-width: 600px;\n }\n thead th {\n background: var(--surface2);\n padding: 14px 16px;\n text-align: left;\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px;\n letter-spacing: 1px;\n color: var(--text-dim);\n text-transform: uppercase;\n border-bottom: 1px solid var(--border);\n }\n thead th:nth-child(2) { color: var(--accent-1); }\n thead th:nth-child(3) { color: var(--accent-2); }\n thead th:nth-child(4) { color: var(--accent-3); }\n tbody td {\n padding: 12px 16px;\n border-bottom: 1px solid var(--border);\n color: var(--text-dim);\n vertical-align: top;\n line-height: 1.5;\n background: var(--surface);\n }\n tbody td:first-child {\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px;\n color: var(--text-muted);\n white-space: nowrap;\n }\n tbody tr:last-child td { border-bottom: none; }\n\n \/* Recommendation *\/\n .recommendation {\n margin-top: 48px;\n padding: 32px;\n border-radius: 16px;\n background: linear-gradient(135deg, #0f1a0f, #0a0a0c 60%);\n border: 1px solid #1b3d1b;\n text-align: center;\n animation: fadeUp 0.8s 0.6s ease both;\n }\n .recommendation .tag {\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px;\n letter-spacing: 4px;\n color: var(--green);\n text-transform: uppercase;\n margin-bottom: 12px;\n }\n .recommendation h3 {\n font-family: 'DM Serif Display', serif;\n font-size: 24px;\n font-weight: 400;\n font-style: italic;\n color: #fafafa;\n margin-bottom: 16px;\n }\n .roadmap {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0;\n flex-wrap: wrap;\n margin-top: 20px;\n }\n .roadmap-step {\n padding: 12px 20px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 500;\n position: relative;\n }\n .roadmap-step.s1 { background: var(--accent-1-dim); color: var(--accent-1); border: 1px solid var(--accent-1); }\n .roadmap-step.s2 { background: var(--accent-2-dim); color: var(--accent-2); border: 1px solid var(--accent-2); }\n .roadmap-step.s3 { background: var(--accent-3-dim); color: var(--accent-3); border: 1px solid var(--accent-3); }\n .roadmap-arrow {\n font-size: 18px;\n color: var(--text-muted);\n padding: 0 10px;\n }\n .roadmap-label {\n font-family: 'JetBrains Mono', monospace;\n font-size: 9px;\n color: var(--text-muted);\n display: block;\n margin-top: 4px;\n }\n\n \/* Animations *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* Arrow animation in SVG *\/\n .flow-arrow { animation: pulse 2s ease-in-out infinite; }\n .flow-arrow:nth-child(2) { animation-delay: 0.3s; }\n .flow-arrow:nth-child(3) { animation-delay: 0.6s; }\n @keyframes pulse { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } }\n\n \/* Responsive *\/\n @media (max-width: 640px) {\n .level-header { padding: 20px 16px; gap: 12px; }\n .level-content { padding: 0 16px 24px; }\n .level-badges { display: none; }\n .level-number { width: 44px; height: 44px; font-size: 18px; }\n .graph-container { padding: 20px 12px; }\n .roadmap { flex-direction: column; }\n .roadmap-arrow { transform: rotate(90deg); padding: 4px 0; }\n }\n<\/style>\n<\/head>\n<body>\n<div class=\"container\">\n\n <div class=\"header\">\n <div class=\"tag\">OpenClaw \u00b7 Architektura Agent\u00f3w<\/div>\n <h1>3 Poziomy Zaawansowania<\/h1>\n <p>Od wyspecjalizowanych asystent\u00f3w po autonomiczny ekosystem pokoj\u00f3w i warstw. Ka\u017cdy poziom buduje na poprzednim.<\/p>\n <\/div>\n\n \n <div class=\"level open\" data-level=\"1\">\n <div class=\"level-header\" onclick=\"toggleLevel(this)\">\n <div class=\"level-number\">1<\/div>\n <div class=\"level-meta\">\n <h2>Zesp\u00f3\u0142 R\u00f3l<\/h2>\n <div class=\"subtitle\">CEO \u00b7 CMO \u00b7 PM \u00b7 Copywriter \u2014 ka\u017cdy osobno, Ty koordynujesz<\/div>\n <\/div>\n <div class=\"level-badges\">\n <span class=\"badge badge-difficulty\">\u0141ATWY<\/span>\n <span class=\"badge badge-time\">1\u20133 tyg<\/span>\n <\/div>\n <svg class=\"chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\n <\/div>\n <div class=\"level-body\">\n <div class=\"level-content\">\n <div class=\"graph-container\">\n <svg class=\"diagram\" viewBox=\"0 0 760 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <g class=\"node\" transform=\"translate(340, 24)\">\n <rect x=\"-40\" y=\"0\" width=\"80\" height=\"36\" rx=\"18\" fill=\"#f59e0b22\" stroke=\"#f59e0b\" stroke-width=\"1.5\"\/>\n <text x=\"0\" y=\"23\" text-anchor=\"middle\" fill=\"#f59e0b\" font-family=\"JetBrains Mono\" font-size=\"11\" font-weight=\"600\">TY<\/text>\n <\/g>\n \n <line x1=\"300\" y1=\"55\" x2=\"100\" y2=\"100\" stroke=\"#f59e0b33\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\n <line x1=\"330\" y1=\"58\" x2=\"270\" y2=\"100\" stroke=\"#f59e0b33\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\n <line x1=\"430\" y1=\"58\" x2=\"490\" y2=\"100\" stroke=\"#f59e0b33\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\n <line x1=\"460\" y1=\"55\" x2=\"660\" y2=\"100\" stroke=\"#f59e0b33\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\n \n <g class=\"node\" transform=\"translate(100, 100)\">\n <rect x=\"-56\" y=\"0\" width=\"112\" height=\"72\" rx=\"10\" fill=\"#1a1a20\" stroke=\"#f59e0b55\" stroke-width=\"1\"\/>\n <text x=\"0\" y=\"28\" text-anchor=\"middle\" fill=\"#fafafa\" font-family=\"DM Sans\" font-size=\"13\" font-weight=\"500\">CEO<\/text>\n <text x=\"0\" y=\"48\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"10\">strategia<\/text>\n <text x=\"0\" y=\"62\" text-anchor=\"middle\" fill=\"#3f3f46\" font-family=\"JetBrains Mono\" font-size=\"8\">SOUL.md + AGENTS.md<\/text>\n <\/g>\n <g class=\"node\" transform=\"translate(270, 100)\">\n <rect x=\"-56\" y=\"0\" width=\"112\" height=\"72\" rx=\"10\" fill=\"#1a1a20\" stroke=\"#f59e0b55\" stroke-width=\"1\"\/>\n <text x=\"0\" y=\"28\" text-anchor=\"middle\" fill=\"#fafafa\" font-family=\"DM Sans\" font-size=\"13\" font-weight=\"500\">CMO<\/text>\n <text x=\"0\" y=\"48\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"10\">marketing<\/text>\n <text x=\"0\" y=\"62\" text-anchor=\"middle\" fill=\"#3f3f46\" font-family=\"JetBrains Mono\" font-size=\"8\">SOUL.md + AGENTS.md<\/text>\n <\/g>\n <g class=\"node\" transform=\"translate(490, 100)\">\n <rect x=\"-56\" y=\"0\" width=\"112\" height=\"72\" rx=\"10\" fill=\"#1a1a20\" stroke=\"#f59e0b55\" stroke-width=\"1\"\/>\n <text x=\"0\" y=\"28\" text-anchor=\"middle\" fill=\"#fafafa\" font-family=\"DM Sans\" font-size=\"13\" font-weight=\"500\">PM<\/text>\n <text x=\"0\" y=\"48\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"10\">zarz\u0105dzanie<\/text>\n <text x=\"0\" y=\"62\" text-anchor=\"middle\" fill=\"#3f3f46\" font-family=\"JetBrains Mono\" font-size=\"8\">SOUL.md + AGENTS.md<\/text>\n <\/g>\n <g class=\"node\" transform=\"translate(660, 100)\">\n <rect x=\"-56\" y=\"0\" width=\"112\" height=\"72\" rx=\"10\" fill=\"#1a1a20\" stroke=\"#f59e0b55\" stroke-width=\"1\"\/>\n <text x=\"0\" y=\"28\" text-anchor=\"middle\" fill=\"#fafafa\" font-family=\"DM Sans\" font-size=\"13\" font-weight=\"500\">Copy<\/text>\n <text x=\"0\" y=\"48\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"10\">tre\u015bci<\/text>\n <text x=\"0\" y=\"62\" text-anchor=\"middle\" fill=\"#3f3f46\" font-family=\"JetBrains Mono\" font-size=\"8\">SOUL.md + AGENTS.md<\/text>\n <\/g>\n \n <text x=\"380\" y=\"196\" text-anchor=\"middle\" fill=\"#3f3f4688\" font-family=\"JetBrains Mono\" font-size=\"9\" letter-spacing=\"1\">BRAK KOMUNIKACJI MI\u0118DZY AGENTAMI<\/text>\n <\/svg>\n <\/div>\n\n <div class=\"analogy\">\n Jak <em>Custom GPTs \/ Gemini Gems<\/em>, ale na Twoim serwerze, z pami\u0119ci\u0105 d\u0142ugoterminow\u0105 i dost\u0119pem przez Telegram 24\/7. Ka\u017cdy agent dzia\u0142a osobno \u2014 Ty jeste\u015b \u0142\u0105cznikiem.\n <\/div>\n\n <div class=\"desc-grid\">\n <div class=\"desc-card can\">\n <h4>\u2713 Co mo\u017ce<\/h4>\n <ul>\n <li>Wyspecjalizowany asystent per domena<\/li>\n <li>Osobna pami\u0119\u0107 i kontekst per agent<\/li>\n <li>Routing: kana\u0142 Telegram \u2192 konkretny agent<\/li>\n <li>Dost\u0119pno\u015b\u0107 24\/7 przez komunikator<\/li>\n <\/ul>\n <\/div>\n <div class=\"desc-card cant\">\n <h4>\u2717 Czego nie mo\u017ce<\/h4>\n <ul>\n <li>Agenci nie wsp\u00f3\u0142pracuj\u0105 automatycznie<\/li>\n <li>Ty kopiujesz output r\u0119cznie mi\u0119dzy nimi<\/li>\n <li>Brak pipeline’u, bud\u017cetowania, walidacji<\/li>\n <li>Brak zarz\u0105dzania zadaniami<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"level\" data-level=\"2\">\n <div class=\"level-header\" onclick=\"toggleLevel(this)\">\n <div class=\"level-number\">2<\/div>\n <div class=\"level-meta\">\n <h2>Pipeline Misyjny<\/h2>\n <div class=\"subtitle\">Commander \u2192 Decomposer \u2192 Researcher \u2192 Executor \u2192 Validator<\/div>\n <\/div>\n <div class=\"level-badges\">\n <span class=\"badge badge-difficulty\">\u015aREDNI<\/span>\n <span class=\"badge badge-time\">4\u20138 tyg<\/span>\n <\/div>\n <svg class=\"chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\n <\/div>\n <div class=\"level-body\">\n <div class=\"level-content\">\n <div class=\"graph-container\">\n <svg class=\"diagram\" viewBox=\"0 0 760 260\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <g class=\"node\" transform=\"translate(60, 96)\">\n <rect x=\"-40\" y=\"0\" width=\"80\" height=\"36\" rx=\"18\" fill=\"#8b5cf622\" stroke=\"#8b5cf6\" stroke-width=\"1.5\"\/>\n <text x=\"0\" y=\"23\" text-anchor=\"middle\" fill=\"#8b5cf6\" font-family=\"JetBrains Mono\" font-size=\"11\" font-weight=\"600\">TY<\/text>\n <\/g>\n \n <line x1=\"100\" y1=\"114\" x2=\"140\" y2=\"114\" stroke=\"#8b5cf644\" stroke-width=\"1.5\"\/>\n <polygon points=\"140,110 148,114 140,118\" fill=\"#8b5cf666\"\/>\n \n <g class=\"node\" transform=\"translate(210, 84)\">\n <rect x=\"-56\" y=\"0\" width=\"112\" height=\"60\" rx=\"10\" fill=\"#1a1a20\" stroke=\"#8b5cf6\" stroke-width=\"1.5\"\/>\n <text x=\"0\" y=\"24\" text-anchor=\"middle\" fill=\"#fafafa\" font-family=\"DM Sans\" font-size=\"13\" font-weight=\"600\">Commander<\/text>\n <text x=\"0\" y=\"42\" text-anchor=\"middle\" fill=\"#8b5cf6\" font-family=\"JetBrains Mono\" font-size=\"9\">KOORDYNUJE<\/text>\n <\/g>\n \n <g class=\"flow-arrow\"><line x1=\"266\" y1=\"114\" x2=\"310\" y2=\"114\" stroke=\"#8b5cf644\" stroke-width=\"1.5\"\/><polygon points=\"310,110 318,114 310,118\" fill=\"#8b5cf666\"\/><\/g>\n \n <g class=\"node\" transform=\"translate(380, 84)\">\n <rect x=\"-56\" y=\"0\" width=\"112\" height=\"60\" rx=\"10\" fill=\"#1a1a20\" stroke=\"#8b5cf655\" stroke-width=\"1\"\/>\n <text x=\"0\" y=\"24\" text-anchor=\"middle\" fill=\"#e4e4e8\" font-family=\"DM Sans\" font-size=\"12\">Decomposer<\/text>\n <text x=\"0\" y=\"42\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">rozbija na zadania<\/text>\n <\/g>\n <g class=\"flow-arrow\"><line x1=\"436\" y1=\"114\" x2=\"480\" y2=\"114\" stroke=\"#8b5cf644\" stroke-width=\"1.5\"\/><polygon points=\"480,110 488,114 480,118\" fill=\"#8b5cf666\"\/><\/g>\n \n <g class=\"node\" transform=\"translate(550, 84)\">\n <rect x=\"-56\" y=\"0\" width=\"112\" height=\"60\" rx=\"10\" fill=\"#1a1a20\" stroke=\"#8b5cf655\" stroke-width=\"1\"\/>\n <text x=\"0\" y=\"24\" text-anchor=\"middle\" fill=\"#e4e4e8\" font-family=\"DM Sans\" font-size=\"12\">Researcher<\/text>\n <text x=\"0\" y=\"42\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">zbiera dane<\/text>\n <\/g>\n \n <line x1=\"606\" y1=\"134\" x2=\"606\" y2=\"170\" stroke=\"#8b5cf633\" stroke-width=\"1\"\/>\n <polygon points=\"602,170 606,178 610,170\" fill=\"#8b5cf655\"\/>\n \n <g class=\"node\" transform=\"translate(550, 180)\">\n <rect x=\"-56\" y=\"0\" width=\"112\" height=\"60\" rx=\"10\" fill=\"#1a1a20\" stroke=\"#8b5cf655\" stroke-width=\"1\"\/>\n <text x=\"0\" y=\"24\" text-anchor=\"middle\" fill=\"#e4e4e8\" font-family=\"DM Sans\" font-size=\"12\">Executor<\/text>\n <text x=\"0\" y=\"42\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">wykonuje zadania<\/text>\n <\/g>\n \n <line x1=\"494\" y1=\"210\" x2=\"436\" y2=\"210\" stroke=\"#8b5cf633\" stroke-width=\"1\"\/>\n <polygon points=\"436,206 428,210 436,214\" fill=\"#8b5cf655\"\/>\n \n <g class=\"node\" transform=\"translate(380, 180)\">\n <rect x=\"-56\" y=\"0\" width=\"112\" height=\"60\" rx=\"10\" fill=\"#1a1a20\" stroke=\"#4ade8055\" stroke-width=\"1\"\/>\n <text x=\"0\" y=\"24\" text-anchor=\"middle\" fill=\"#e4e4e8\" font-family=\"DM Sans\" font-size=\"12\">Validator<\/text>\n <text x=\"0\" y=\"42\" text-anchor=\"middle\" fill=\"#4ade80\" font-family=\"DM Sans\" font-size=\"9\">sprawdza jako\u015b\u0107<\/text>\n <\/g>\n \n <line x1=\"324\" y1=\"210\" x2=\"120\" y2=\"210\" stroke=\"#4ade8033\" stroke-width=\"1\" stroke-dasharray=\"6 3\"\/>\n <line x1=\"120\" y1=\"210\" x2=\"80\" y2=\"140\" stroke=\"#4ade8033\" stroke-width=\"1\" stroke-dasharray=\"6 3\"\/>\n <polygon points=\"76,142 80,132 84,142\" fill=\"#4ade8055\"\/>\n \n <text x=\"130\" y=\"108\" text-anchor=\"middle\" fill=\"#8b5cf666\" font-family=\"JetBrains Mono\" font-size=\"8\">misja<\/text>\n <text x=\"82\" y=\"186\" text-anchor=\"middle\" fill=\"#4ade8066\" font-family=\"JetBrains Mono\" font-size=\"8\">raport<\/text>\n \n <g transform=\"translate(296, 18)\">\n <rect x=\"-36\" y=\"0\" width=\"72\" height=\"24\" rx=\"4\" fill=\"#f59e0b18\" stroke=\"#f59e0b55\" stroke-width=\"1\"\/>\n <text x=\"0\" y=\"16\" text-anchor=\"middle\" fill=\"#f59e0b\" font-family=\"JetBrains Mono\" font-size=\"8\" font-weight=\"600\">APPROVAL<\/text>\n <\/g>\n <line x1=\"296\" y1=\"42\" x2=\"296\" y2=\"84\" stroke=\"#f59e0b33\" stroke-width=\"1\" stroke-dasharray=\"3 3\"\/>\n \n <g transform=\"translate(210, 184)\">\n <rect x=\"-40\" y=\"0\" width=\"80\" height=\"28\" rx=\"6\" fill=\"#2563eb18\" stroke=\"#2563eb55\" stroke-width=\"1\"\/>\n <text x=\"0\" y=\"18\" text-anchor=\"middle\" fill=\"#2563eb\" font-family=\"JetBrains Mono\" font-size=\"9\">Postgres<\/text>\n <\/g>\n <line x1=\"210\" y1=\"144\" x2=\"210\" y2=\"184\" stroke=\"#2563eb33\" stroke-width=\"1\" stroke-dasharray=\"3 3\"\/>\n <\/svg>\n <\/div>\n\n <div class=\"analogy\">\n Jak <em>zesp\u00f3\u0142 projektowy z kierownikiem<\/em>. Wysy\u0142asz misj\u0119, Commander organizuje prac\u0119, Ty zatwierdzasz plan, dostajesz gotowy wynik. Nie musisz koordynowa\u0107 r\u0119cznie.\n <\/div>\n\n <div class=\"desc-grid\">\n <div class=\"desc-card can\">\n <h4>\u2713 Co mo\u017ce<\/h4>\n <ul>\n <li>Automatyczna koordynacja mi\u0119dzy agentami<\/li>\n <li>Zarz\u0105dzanie misjami w bazie danych<\/li>\n <li>Bramka approval \u2014 zatwierdzasz plan przed wykonaniem<\/li>\n <li>Kontrola bud\u017cetu API per misja<\/li>\n <li>Walidacja jako\u015bci outputu<\/li>\n <\/ul>\n <\/div>\n <div class=\"desc-card cant\">\n <h4>\u2717 Czego nie mo\u017ce<\/h4>\n <ul>\n <li>Pipeline jest liniowy (zawsze ta sama sekwencja)<\/li>\n <li>Brak izolacji mi\u0119dzy r\u00f3\u017cnymi typami pracy<\/li>\n <li>Brak r\u00f3wnoleg\u0142ej pracy wielu zespo\u0142\u00f3w<\/li>\n <li>Jedno zadanie na raz w pipeline<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"level\" data-level=\"3\">\n <div class=\"level-header\" onclick=\"toggleLevel(this)\">\n <div class=\"level-number\">3<\/div>\n <div class=\"level-meta\">\n <h2>Pokoje i Warstwy<\/h2>\n <div class=\"subtitle\">Rooms \/ Layers \u2014 izolowane departamenty z koordynatorami i bramkami<\/div>\n <\/div>\n <div class=\"level-badges\">\n <span class=\"badge badge-difficulty\">ZAAWANSOWANY<\/span>\n <span class=\"badge badge-time\">3\u20136 mies<\/span>\n <\/div>\n <svg class=\"chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\n <\/div>\n <div class=\"level-body\">\n <div class=\"level-content\">\n <div class=\"graph-container\">\n <svg class=\"diagram\" viewBox=\"0 0 760 360\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <text x=\"16\" y=\"20\" fill=\"#06b6d4\" font-family=\"JetBrains Mono\" font-size=\"10\" font-weight=\"600\" letter-spacing=\"2\">WARSTWA: OPERACJE<\/text>\n <rect x=\"10\" y=\"30\" width=\"740\" height=\"175\" rx=\"12\" fill=\"#06b6d406\" stroke=\"#06b6d422\" stroke-width=\"1\"\/>\n\n \n <g transform=\"translate(60, 50)\">\n <rect x=\"0\" y=\"0\" width=\"200\" height=\"140\" rx=\"10\" fill=\"#111118\" stroke=\"#06b6d433\" stroke-width=\"1\"\/>\n <text x=\"100\" y=\"24\" text-anchor=\"middle\" fill=\"#06b6d4\" font-family=\"JetBrains Mono\" font-size=\"10\" font-weight=\"600\">DIRECTION<\/text>\n \n <rect x=\"30\" y=\"38\" width=\"140\" height=\"30\" rx=\"6\" fill=\"#06b6d412\" stroke=\"#06b6d444\" stroke-width=\"1\"\/>\n <text x=\"100\" y=\"58\" text-anchor=\"middle\" fill=\"#fafafa\" font-family=\"DM Sans\" font-size=\"11\">Koordynator<\/text>\n \n <rect x=\"16\" y=\"80\" width=\"76\" height=\"26\" rx=\"5\" fill=\"#1a1a20\" stroke=\"#3f3f46\" stroke-width=\"0.5\"\/>\n <text x=\"54\" y=\"97\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">researcher<\/text>\n <rect x=\"108\" y=\"80\" width=\"76\" height=\"26\" rx=\"5\" fill=\"#1a1a20\" stroke=\"#3f3f46\" stroke-width=\"0.5\"\/>\n <text x=\"146\" y=\"97\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">analyst<\/text>\n \n <line x1=\"70\" y1=\"68\" x2=\"54\" y2=\"80\" stroke=\"#3f3f4666\" stroke-width=\"0.7\"\/>\n <line x1=\"130\" y1=\"68\" x2=\"146\" y2=\"80\" stroke=\"#3f3f4666\" stroke-width=\"0.7\"\/>\n <text x=\"100\" y=\"128\" text-anchor=\"middle\" fill=\"#3f3f46\" font-family=\"JetBrains Mono\" font-size=\"7\">sub-agenci znikaj\u0105 po pracy<\/text>\n <\/g>\n\n \n <g transform=\"translate(280, 100)\">\n <rect x=\"0\" y=\"0\" width=\"60\" height=\"40\" rx=\"4\" fill=\"#f59e0b18\" stroke=\"#f59e0b66\" stroke-width=\"1.5\"\/>\n <text x=\"30\" y=\"16\" text-anchor=\"middle\" fill=\"#f59e0b\" font-family=\"JetBrains Mono\" font-size=\"8\" font-weight=\"600\">BRAMKA<\/text>\n <text x=\"30\" y=\"30\" text-anchor=\"middle\" fill=\"#f59e0b88\" font-family=\"JetBrains Mono\" font-size=\"7\">approval<\/text>\n <\/g>\n \n <line x1=\"260\" y1=\"120\" x2=\"280\" y2=\"120\" stroke=\"#06b6d444\" stroke-width=\"1.5\"\/>\n <polygon points=\"278,116 286,120 278,124\" fill=\"#06b6d466\"\/>\n \n <line x1=\"340\" y1=\"120\" x2=\"365\" y2=\"120\" stroke=\"#06b6d444\" stroke-width=\"1.5\"\/>\n <polygon points=\"363,116 371,120 363,124\" fill=\"#06b6d466\"\/>\n\n \n <g transform=\"translate(370, 50)\">\n <rect x=\"0\" y=\"0\" width=\"200\" height=\"140\" rx=\"10\" fill=\"#111118\" stroke=\"#06b6d433\" stroke-width=\"1\"\/>\n <text x=\"100\" y=\"24\" text-anchor=\"middle\" fill=\"#06b6d4\" font-family=\"JetBrains Mono\" font-size=\"10\" font-weight=\"600\">EXECUTION<\/text>\n <rect x=\"30\" y=\"38\" width=\"140\" height=\"30\" rx=\"6\" fill=\"#06b6d412\" stroke=\"#06b6d444\" stroke-width=\"1\"\/>\n <text x=\"100\" y=\"58\" text-anchor=\"middle\" fill=\"#fafafa\" font-family=\"DM Sans\" font-size=\"11\">Koordynator<\/text>\n <rect x=\"16\" y=\"80\" width=\"76\" height=\"26\" rx=\"5\" fill=\"#1a1a20\" stroke=\"#3f3f46\" stroke-width=\"0.5\"\/>\n <text x=\"54\" y=\"97\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">executor<\/text>\n <rect x=\"108\" y=\"80\" width=\"76\" height=\"26\" rx=\"5\" fill=\"#1a1a20\" stroke=\"#3f3f46\" stroke-width=\"0.5\"\/>\n <text x=\"146\" y=\"97\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">copywriter<\/text>\n <line x1=\"70\" y1=\"68\" x2=\"54\" y2=\"80\" stroke=\"#3f3f4666\" stroke-width=\"0.7\"\/>\n <line x1=\"130\" y1=\"68\" x2=\"146\" y2=\"80\" stroke=\"#3f3f4666\" stroke-width=\"0.7\"\/>\n <\/g>\n\n \n <g transform=\"translate(590, 100)\">\n <rect x=\"0\" y=\"0\" width=\"60\" height=\"40\" rx=\"4\" fill=\"#f59e0b18\" stroke=\"#f59e0b66\" stroke-width=\"1.5\"\/>\n <text x=\"30\" y=\"16\" text-anchor=\"middle\" fill=\"#f59e0b\" font-family=\"JetBrains Mono\" font-size=\"8\" font-weight=\"600\">BRAMKA<\/text>\n <text x=\"30\" y=\"30\" text-anchor=\"middle\" fill=\"#f59e0b88\" font-family=\"JetBrains Mono\" font-size=\"7\">quality<\/text>\n <\/g>\n <line x1=\"570\" y1=\"120\" x2=\"590\" y2=\"120\" stroke=\"#06b6d444\" stroke-width=\"1.5\"\/>\n <polygon points=\"588,116 596,120 588,124\" fill=\"#06b6d466\"\/>\n\n \n <line x1=\"650\" y1=\"120\" x2=\"672\" y2=\"120\" stroke=\"#06b6d444\" stroke-width=\"1.5\"\/>\n <polygon points=\"670,116 678,120 670,124\" fill=\"#06b6d466\"\/>\n\n \n <g transform=\"translate(678, 80)\">\n <rect x=\"0\" y=\"0\" width=\"60\" height=\"80\" rx=\"10\" fill=\"#111118\" stroke=\"#4ade8033\" stroke-width=\"1\"\/>\n <text x=\"30\" y=\"22\" text-anchor=\"middle\" fill=\"#4ade80\" font-family=\"JetBrains Mono\" font-size=\"8\" font-weight=\"600\">CLOSING<\/text>\n <text x=\"30\" y=\"46\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"8\">validator<\/text>\n <text x=\"30\" y=\"62\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"8\">reporter<\/text>\n <\/g>\n\n \n <g transform=\"translate(285, 148)\">\n <rect x=\"0\" y=\"0\" width=\"100\" height=\"18\" rx=\"3\" fill=\"#06b6d410\" stroke=\"#06b6d433\" stroke-width=\"0.5\"\/>\n <text x=\"50\" y=\"13\" text-anchor=\"middle\" fill=\"#06b6d488\" font-family=\"JetBrains Mono\" font-size=\"7\">hand-off.json<\/text>\n <\/g>\n <g transform=\"translate(595, 148)\">\n <rect x=\"0\" y=\"0\" width=\"100\" height=\"18\" rx=\"3\" fill=\"#06b6d410\" stroke=\"#06b6d433\" stroke-width=\"0.5\"\/>\n <text x=\"50\" y=\"13\" text-anchor=\"middle\" fill=\"#06b6d488\" font-family=\"JetBrains Mono\" font-size=\"7\">hand-off.json<\/text>\n <\/g>\n\n \n <text x=\"16\" y=\"230\" fill=\"#f5720788\" font-family=\"JetBrains Mono\" font-size=\"10\" font-weight=\"600\" letter-spacing=\"2\">WARSTWA: MAINTENANCE<\/text>\n <rect x=\"10\" y=\"240\" width=\"360\" height=\"105\" rx=\"12\" fill=\"#f5720706\" stroke=\"#f5720722\" stroke-width=\"1\"\/>\n\n <g transform=\"translate(60, 258)\">\n <rect x=\"0\" y=\"0\" width=\"120\" height=\"70\" rx=\"10\" fill=\"#111118\" stroke=\"#f5720733\" stroke-width=\"1\"\/>\n <text x=\"60\" y=\"22\" text-anchor=\"middle\" fill=\"#f57207\" font-family=\"JetBrains Mono\" font-size=\"9\" font-weight=\"600\">MONITOR<\/text>\n <text x=\"60\" y=\"44\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">health check<\/text>\n <text x=\"60\" y=\"58\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">logs audit<\/text>\n <\/g>\n\n <line x1=\"180\" y1=\"293\" x2=\"220\" y2=\"293\" stroke=\"#f5720744\" stroke-width=\"1\"\/>\n <polygon points=\"218,289 226,293 218,297\" fill=\"#f5720766\"\/>\n\n <g transform=\"translate(230, 258)\">\n <rect x=\"0\" y=\"0\" width=\"120\" height=\"70\" rx=\"10\" fill=\"#111118\" stroke=\"#f5720733\" stroke-width=\"1\"\/>\n <text x=\"60\" y=\"22\" text-anchor=\"middle\" fill=\"#f57207\" font-family=\"JetBrains Mono\" font-size=\"9\" font-weight=\"600\">REPAIR<\/text>\n <text x=\"60\" y=\"44\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">backup<\/text>\n <text x=\"60\" y=\"58\" text-anchor=\"middle\" fill=\"#71717a\" font-family=\"DM Sans\" font-size=\"9\">config fix<\/text>\n <\/g>\n\n \n <g transform=\"translate(420, 268)\">\n <rect x=\"0\" y=\"0\" width=\"180\" height=\"50\" rx=\"8\" fill=\"#f8717112\" stroke=\"#f8717133\" stroke-width=\"1\" stroke-dasharray=\"4 2\"\/>\n <text x=\"90\" y=\"22\" text-anchor=\"middle\" fill=\"#f87171\" font-family=\"JetBrains Mono\" font-size=\"8\" font-weight=\"600\">\u26a0 PE\u0141NA IZOLACJA<\/text>\n <text x=\"90\" y=\"38\" text-anchor=\"middle\" fill=\"#f8717188\" font-family=\"DM Sans\" font-size=\"9\">osobne workspace, auth, tools<\/text>\n <\/g>\n <\/svg>\n <\/div>\n\n <div class=\"analogy\">\n Jak <em>korporacja z departamentami<\/em>. Ka\u017cdy departament (warstwa) dzia\u0142a niezale\u017cnie. W ka\u017cdym departamencie sale konferencyjne (pokoje), gdzie zespo\u0142y pracuj\u0105 nad etapami. Formalne przekazanie wynik\u00f3w mi\u0119dzy salami. Awaria jednego departamentu nie blokuje reszty.\n <\/div>\n\n <div class=\"desc-grid\">\n <div class=\"desc-card can\">\n <h4>\u2713 Co mo\u017ce<\/h4>\n <ul>\n <li>R\u00f3wnoleg\u0142a praca wielu zespo\u0142\u00f3w<\/li>\n <li>Izolacja danych i uprawnie\u0144 mi\u0119dzy warstwami<\/li>\n <li>Formalne hand-offy z walidacj\u0105 (JSON schema)<\/li>\n <li>Multi-model: tani model dla sub-agent\u00f3w, drogi dla koordynatora<\/li>\n <li>Obs\u0142uga wielu klient\u00f3w jednocze\u015bnie<\/li>\n <\/ul>\n <\/div>\n <div class=\"desc-card cant\">\n <h4>\u2717 Wymagania<\/h4>\n <ul>\n <li>Zaawansowana konfiguracja tool policy per warstwa<\/li>\n <li>Custom hand-off schema (musicie zbudowa\u0107)<\/li>\n <li>G\u0142\u0119bokie zrozumienie bezpiecze\u0144stwa OpenClaw<\/li>\n <li>Znacznie wy\u017csze koszty API i utrzymania<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"comparison\">\n <h2>Por\u00f3wnanie<\/h2>\n <div class=\"table-wrap\">\n <table>\n <thead>\n <tr>\n <th>Aspekt<\/th>\n <th>Poziom 1 \u00b7 Zesp\u00f3\u0142 R\u00f3l<\/th>\n <th>Poziom 2 \u00b7 Pipeline<\/th>\n <th>Poziom 3 \u00b7 Rooms\/Layers<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>Koordynacja<\/td>\n <td>Ty, r\u0119cznie<\/td>\n <td>Commander automatycznie<\/td>\n <td>Koordynatorzy pokoj\u00f3w + bramki<\/td>\n <\/tr>\n <tr>\n <td>Przep\u0142yw danych<\/td>\n <td>Copy-paste mi\u0119dzy czatami<\/td>\n <td>Liniowy pipeline (A\u2192B\u2192C\u2192D)<\/td>\n <td>Hand-off JSON mi\u0119dzy pokojami<\/td>\n <\/tr>\n <tr>\n <td>R\u00f3wnoleg\u0142o\u015b\u0107<\/td>\n <td>Brak<\/td>\n <td>Minimalna (sub-agenci)<\/td>\n <td>Pe\u0142na (warstwy niezale\u017cne)<\/td>\n <\/tr>\n <tr>\n <td>Izolacja<\/td>\n <td>Osobne workspace’y<\/td>\n <td>Wsp\u00f3lny pipeline<\/td>\n <td>Twarde granice per warstwa<\/td>\n <\/tr>\n <tr>\n <td>Bud\u017cet<\/td>\n <td>Nie kontrolowany<\/td>\n <td>Per-misja tracking<\/td>\n <td>Per-pok\u00f3j + per-warstwa gates<\/td>\n <\/tr>\n <tr>\n <td>Wymagana wiedza<\/td>\n <td>SOUL.md + routing<\/td>\n <td>+ Postgres + Lobster + CLI<\/td>\n <td>+ tool policy + security + schema<\/td>\n <\/tr>\n <tr>\n <td>Czas wdro\u017cenia<\/td>\n <td>1\u20133 tygodnie<\/td>\n <td>4\u20138 tygodni<\/td>\n <td>3\u20136 miesi\u0119cy<\/td>\n <\/tr>\n <tr>\n <td>Analogia<\/td>\n <td>Lepsze Gems \/ Custom GPTs<\/td>\n <td>Zesp\u00f3\u0142 z kierownikiem projektu<\/td>\n <td>Korporacja z departamentami<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"recommendation\">\n <div class=\"tag\">Rekomendacja<\/div>\n <h3>Zacznij od 1, buduj w stron\u0119 2, celuj w 3<\/h3>\n <p style=\"color: #71717a; font-size: 14px; max-width: 560px; margin: 0 auto 24px; line-height: 1.7;\">\n Poziom 1 daje Ci realne do\u015bwiadczenie z pisaniem SOUL.md i AGENTS.md.<br>\n Poziom 2 to MVP \u2014 system sam koordynuje prac\u0119 i mo\u017cna go u\u017cy\u0107 do ulepszania siebie.<br>\n Poziom 3 to cel d\u0142ugoterminowy \u2014 gdy obs\u0142ugujesz wielu klient\u00f3w agencji.\n <\/p>\n <div class=\"roadmap\">\n <div class=\"roadmap-step s1\">\n Poziom 1\n <span class=\"roadmap-label\">tydzie\u0144 1\u20133<\/span>\n <\/div>\n <span class=\"roadmap-arrow\">\u2192<\/span>\n <div class=\"roadmap-step s2\">\n Poziom 2 \u00b7 MVP\n <span class=\"roadmap-label\">tydzie\u0144 4\u201312<\/span>\n <\/div>\n <span class=\"roadmap-arrow\">\u2192<\/span>\n <div class=\"roadmap-step s3\">\n Poziom 3 \u00b7 Produkcja\n <span class=\"roadmap-label\">miesi\u0105c 3\u20136<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\nfunction toggleLevel(header) {\n const level = header.closest('.level');\n level.classList.toggle('open');\n}\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>OpenClaw \u2014 3 Poziomy Architektury Agent\u00f3w OpenClaw \u00b7 Architektura Agent\u00f3w 3 Poziomy Zaawansowania Od wyspecjalizowanych asystent\u00f3w po autonomiczny ekosystem pokoj\u00f3w i warstw. Ka\u017cdy poziom buduje na poprzednim. 1 Zesp\u00f3\u0142 R\u00f3l CEO \u00b7 CMO \u00b7 PM \u00b7 Copywriter \u2014 ka\u017cdy osobno, Ty koordynujesz \u0141ATWY 1\u20133 tyg TY CEO strategia SOUL.md + AGENTS.md CMO marketing SOUL.md + […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bioclean.com.pl\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bioclean.com.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bioclean.com.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bioclean.com.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bioclean.com.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":17,"href":"https:\/\/bioclean.com.pl\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/bioclean.com.pl\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/bioclean.com.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}