theme: default background: '#060810' colorSchema: dark title: 'Vibecoding Masterclass V2 — Lekce 8 · Byznys cockpit' info: | Vibecoding Masterclass V2 · Lekce 8 · Byznys cockpit nad celou AI operativou Metamatics · Jakub Bareš class: text-white highlighter: shiki drawings: enabled: false persist: false transition: slide-left mdc: true fonts: sans: 'Inter' mono: 'Fira Code' download: true exportFilename: lekce8-od-napadu-ke-specifikaci

Vibecoding Masterclass V2 · Lekce 8

Byznys cockpit —
všechno propojené

Dnes večer postavíme jednu obrazovku, která sjednotí všech 7 předchozích nástrojů — asistenta, web, landing pages, research, outreach, LinkedIn a tasky — plus tři čísla, která sleduješ denně. Stavíme na Metamatics Ventures.

Jakub Bareš · Metamatics Ventures

poslední lekce hlavní série · pak agenti

layout: center title: 'Projekt, který postavíme (divider)'

lekce 8 · náš společný případ

Projekt, který
spolu postavíme

Byznys cockpit — jedna obrazovka nad celou AI operativou Metamatics Ventures

title: 'Případ: Metamatics Ventures'

PŘÍPAD metamatics.ventures · venture studio

Metamatics Ventures — venture studio pro agentní AI

Za posledních 7 lekcí vzniklo sedm samostatných nástrojů se sedmi samostatnými přihlášeními. Dnes je spojíme do jedné obrazovky.

Co dělá

Agentní AI systémy na míru + vlastní produkty. Klient WHO (45+ produkčních aplikací), ENSI, Complexity, Orchestrary.

Co už postavil za 7 lekcí

AI asistent (L1) · web (L2) · landing pages factory (L3) · research engine (L4) · outreach (L5) · knowledge base + LinkedIn (L6) · Goal Tracker (L7).

Problém

Sedm appek, sedm přihlášení. I Goal Tracker z L7 čeká, až se ho na něco zeptáš — ráno ale nechceš přemýšlet, na co se zeptat.

Všechno už existuje. Chybí jen jedna obrazovka, kterou otevřeš a rovnou víš, na čem jsi.

title: 'Problém, který řešíme'

Proč zrovna jedna obrazovka

Sedm hotových nástrojů — ale žádný,
co ti ráno v deseti vteřinách řekne, jak na tom jsi.

Dnes

I s Goal Trackerem z L7 musíš vědět, na co se zeptat. Rána běžně začnou otevíráním pěti záložek a přepínáním kontextu, než padne první rozhodnutí.

Příležitost

Kdyby jedna stránka sama ukázala tři čísla a sedm zdrojů bez jediného kliknutí, rozhodnutí by padlo dřív, než dopiješ kávu.

Cockpit neodpovídá na otázku. Cockpit odpovídá, než se stihneš zeptat.

title: 'Co stavíme — Byznys cockpit'

Produkt lekce 8

Byznys cockpit — jedna obrazovka nad celou operativou

Otevřeš ji ráno, nic neklikáš, a víš, jestli týden jede dobře.

Tři čísla nahoře

North star, leading, lagging — vždycky na první pohled, bez scrollování.

Sedm zdrojů na jednom plátně

Asistent, web, landingy, research, outreach, LinkedIn, tasky — každý jako jedna karta se stavem.

AI doporučení na týden

Co udělat dál, na základě reálných dat, ne pocitu.

Není to dashboard na kliknutí. Je to obrazovka, co ti ráno sama řekne, na čem jsi.

title: 'Jak to Jakub zažije'

Cesta majitele · 5 kroků

Co se stane mezi otevřením a rozhodnutím

01

V pondělí ráno otevře jednu URL — žádné přihlašování do sedmi appek.

02

Cockpit potichu stáhne živá data ze všech sedmi předchozích nástrojů a sjednotí je do jednoho balíku.

03

Nahoře uvidí tři čísla — kam směřuje, co tomu předchází, co to potvrzuje.

04

Pod tím sedm karet (po jedné za nástroj) + krátké AI doporučení, co s tím tento týden udělat.

05

V pátek cockpit znovu otevře jako součást 30minutového týdenního rituálu — a podle něj rozhodne příští krok.

title: 'Z čeho se to skládá'

Stavební bloky · z výšky

Čtyři vrstvy, ze kterých cockpit vznikne

Detailně je rozebereme v plánu práce na konci. Teď jen velký obrázek.

1 · Data layer

Živé napojení na všech 7 předchozích nástrojů, sjednocené do jednoho balíku čísel.

2 · Tři-čísla rámec

North star, leading, lagging — vybrané a spočtené z dat, ne odhadnuté.

3 · Plátno a doporučení

Pevné jednostránkové rozvržení + krátký AI text, co s tím dělat.

4 · Rituál a další krok

Týdenní review šablona + kompas, kdy přejít od workflow k agentovi.

Založení projektu, hosting a nasazení udělá AI sama — tvoje práce jsou tyhle čtyři vrstvy.

layout: center title: 'Cílový stav projektu'

Kam míříme

Jakub v pondělí otevře jednu obrazovku,
vidí tři čísla a sedm karet ze všeho, co postavil — a ví, co dělat.

    Tohle je cílový stav, ke kterému teď společně dojdeme. Případ je Metamatics — ale stejná metoda postaví cockpit pro jakýkoliv byznys se třemi a víc nástroji.
  

title: 'Princip 01 — rozpad (L8)'

PRINCIP 01 Poznej doménu · Cockpit

Poznej doménu do hloubky — takhle nasbíráme munici

① Projedeme všech 7 nástrojů

· SQLite z research enginu (L4)
· Notion z outreachu a tasků (L5, L7)
· KB index a LinkedIn logy (L6)
· Analytika webu a landing pages (L2, L3)
· Logy AI asistenta (L1)

② Zjistíme, co v datech reálně je

· Jaká pole má každý zdroj
· Co se dá spočítat hned
· Kde jsou díry (chybějící metrika)
· Jak často se který zdroj mění

③ Zjistíme, co Jakuba zajímá

· Na co se ptá každé pondělí
· Co ho varuje, že něco nejede
· Jaké číslo by hlásil sám sobě

title: 'Princip 02 — rozpad (L8)'

PRINCIP 02 Věz, co chceš · Cockpit

Nemusíš znát odpověď — věz, co chceš — zafixujeme CO a PROČ, JAK odložíme

① Zapíšeme, CO cockpit dělá

· Ukáže 3 čísla + 7 karet na jednu obrazovku
· Nikdy nevymyslí číslo
· Doporučí jeden krok na týden

② Pojmenujeme, PROČ to děláme

· Rychlejší ranní rozhodnutí
· Propad vidíš dřív než za měsíc
· Nahradí otevírání 7 záložek

③ JAK vůbec neřešíme

· Které API volá který zdroj — nechá AI
· Cache a rychlost načtení — úkol nástroje
· Framework a hosting vybere AI
· „Neumím kódit" = irelevantní

title: 'Princip 03 — rozpad (L8)'

PRINCIP 03 Ptej se otevřeně · Cockpit

Ptej se otevřeně — rozkryjeme šíři, pak zúžíme

① Vypíšeme, co by cockpit mohl ukázat

· Stav každého nástroje
· Trend týden nad týden
· Srovnání mezi zdroji
· Doporučenou akci

② Vytáhneme osy

· Stav teď vs. stav minulý týden
· Co jede, co potřebuje pozornost
· Co je pod kontrolou, co ne

③ Až potom zúžíme

· Tři čísla nahoře, ne deset
· Sedm karet, jedno doporučení
· Hloubkové dotazy zůstávají v Goal Trackeru (L7)

title: 'Princip 04 — rozpad (L8)'

PRINCIP 04 Zvaž varianty · Cockpit

Když máš pochybnost, zvaž varianty — u sporných rozhodnutí stavby

① Vypíšeme sporné body stavby

· Query-driven (jako L7), nebo pevný layout?
· Tři čísla nahoře, nebo deset?
· E-mail/Slack notifikace, nebo jen web?

② Necháme AI rozepsat varianty

· A: pevný layout, otevřeš a je hotovo
· B: query-driven, musíš se zeptat
· Ke každé plus / minus na rychlost čtení

③ Vybereme podle kritérií

· „One-page rule" — musí se vejít na obrazovku
· Riziko přehlcení
· Kolik to zabere v pondělí ráno

title: 'Princip 05 — rozpad (L8)'

PRINCIP 05 Nech AI ptát se · Cockpit

Nech AI ptát se tebe — necháme se vyzpovídat, ať zadání nemá díry

① Obrátíme tok

· Řekneme: „ptej se mě, dokud nemáš vše"
· Jedna otázka po druhé
· My jen odpovídáme

② Necháme se vyzpovídat na díry

· Co je north star, co leading, co lagging?
· Kde je práh, co spustí varování?
· Jak často se má cockpit osvěžit?
· Kdo kromě Jakuba se na to bude dívat?

③ Dostaneme úplné zadání

· Doplněné díry v zadání
· Hrany, co bychom vynechali
· Vstup pro princip 06

title: 'Princip 06 — rozpad (L8)'

PRINCIP 06 Záměr → specifikace · Cockpit

Jdi od záměru ke specifikaci — mlhavý záměr zostříme do chování

① Vyjdeme z mlhy

· „Chci vědět, jak na tom jsem"
· Nejasné co konkrétně sledovat
· Neměřitelné „vědět, jak na tom jsem"

② Zostříme do chování

· Vstup: nic — auto-refresh při otevření
· Akce: natáhni + spočti + doporuč
· Cíl: tři čísla + sedm karet na obrazovce

③ Zapíšeme podmínky „hotovo"

· „Číslo je dohledatelné ke zdroji"
· „Žádné kliknutí navíc"
· „Doporučení v jednom odstavci"
· = seznam podmínek „hotovo"

title: 'Princip 07 — rozpad (L8)'

PRINCIP 07 Cílový stav první · Cockpit

Definuj cílový stav jako první — než stavíme, popíšeme cíl a cestu

① Napíšeme cílový stav (1 věta)

· Otevře jednu obrazovku v pondělí
· Vidí tři čísla a sedm karet
· Ví, co dělat, než dopije kávu

② Zmapujeme cestu Jakuba

· Otevře URL bez přihlašování
· Data se sjednotí na pozadí
· Tři čísla → sedm karet → doporučení
· V pátek vrátí se v rámci rituálu

③ Stanovíme akceptaci

· Jen reálná data, nikdy fantazie
· Vejde se na jednu obrazovku
· Doporučení podložené číslem

title: 'Princip 08 — rozpad (L8)'

PRINCIP 08 Rozpad na komponenty · Cockpit

Rozpadni velké na malé komponenty — stavbu rozdělíme na 8 sekcí v pořadí

① Rozdělíme stavbu na 8 sekcí

· Data layer + tři-čísla rámec
· One-page layout + zdrojové karty
· AI doporučení + pojistka
· Týdenní rituál + agent-kompas

② Seřadíme podle závislostí

· Data → tři čísla → layout
· → karty → AI doporučení
· → pojistka → rituál → kompas
· Deploy = úkol nástroje

③ U každé sekce určíme

· Vstup / výstup
· Na čem závisí
· Co znamená „hotovo"
· Čím ji otestujeme

title: 'Princip 09 — rozpad (L8)'

PRINCIP 09 Iteruj na výstupu · Cockpit

Iteruj na výstupu, ne v hlavě — hrubou verzi ladíme na reálných datech

① Postavíme hrubou verzi

· Tři čísla natvrdo
· Pár karet ze snadných zdrojů
· Zatím bez doporučení

② Pustíme reálná data

· Ze všech sedmi nástrojů najednou
· Najdeme díry a nesedící čísla
· Test na starém i čerstvém záznamu

③ Ladíme v krátké smyčce

· Doplníme chybějící pole
· Zpřesníme AI doporučení
· Zkus → koukni → oprav

title: 'Princip 10 — rozpad (L8)'

PRINCIP 10 Hodnota napřed · Cockpit

Hodnota napřed, technika potom — stavíme hodnotu, techniku předáme nástroji

① Stavíme nejdřív hodnotu

· Rychlé ranní rozhodnutí
· Ne hezký dashboard pro dashboard
· Smysl celého cockpitu

② Techniku bereme jako prostředek

· API volání = jak natáhne data
· Cache = jak to bude rychlé
· Layout engine = jak to bude vypadat

③ Oddělíme byznys od techniky

· Byznys = jaká tři čísla sledujeme
· Technika = jak je spočítat
· CO/PROČ řídí JAK, ne naopak

title: 'Trychtýř: z mlhy k zadání'

Trychtýř zadání

Jak se mlhavý nápad mění v přesné zadání

  „Chci vědět, jak na tom jsem."          ← mlhavý záměr (a to je OK)
            │
            ▼   definuj cílový stav: jak vypadá hotovo?
  „Otevřu jednu stránku a vím to za deset vteřin."
            │
            ▼   ptej se otevřeně / nech AI ptát se tebe
  jaká 3 čísla · jaké zdroje · jak často se to osvěží
            │
            ▼   rozpadni na komponenty (náš plán práce)
  data layer · tři čísla · layout · karty · doporučení · rituál …
            │
            ▼
  PŘESNÁ SPECIFIKACE → AI ji splní na první pokus

Každý krok ubírá mlhu. Nemusíš to projít sám — kroky 2 a 3 zvládneš ve dvojici s AI.

title: 'Pět pohybů'

Pět pohybů z mlhy k zadání

Co konkrétně děláš (a co necháš na AI)

01

Začni mlhavým záměrem — „chci vědět, jak na tom jsem" stačí jako start. Nestyď se za to.

02

Popiš cílový stav — jak vypadá hotovo? Co uvidíš, když to otevřeš v pondělí ráno?

03

Nech AI ptát se tebe — „ptej se mě, dokud nebudeš mít vše." Vyplníš díry, na které bys sám nepřišel.

04

Rozpadni na komponenty — použij strukturu plánu práce: data, čísla, layout, karty, doporučení, rituál…

05

Postav, podívej se, doluď — iteruj na reálných datech, ne v hlavě.

title: 'Rozpad na komponenty'

Krok 4 · kostra rozpadu

Hotová kostra, podle které cíl rozpadneš

Tohle je náš plán práce — osm otázek, na které když odpovíš, máš hotové zadání.

01 Data layer

02 Tři-čísla rámec

03 One-page layout

04 Zdrojové karty

05 AI doporučení

06 Anti-halucinační pojistka

07 Týdenní rituál

08 Agent-kompas

+ technika → nechá AI

Specifikace = odpovědi na těchto 8 otázek. Nemusíš je znát hned — projdeš je s AI.

layout: center title: 'Plán práce (divider)'

princip 08 v akci

Jak to
postavíme

principy v akci, sekce po sekci

title: 'Mapa práce (8 sekcí)'

Plán práce · z výšky

Osm sekcí, v pořadí, ve kterém je stavíme

01

Data layer · co všechno máme ← nejdůležitější

05

AI doporučení · co dělat tento týden

02

Tři-čísla rámec · co sledovat denně

06

Anti-halucinační pojistka · žádné vymyšlené číslo

03

One-page layout · jak se to vejde na obrazovku

07

Týdenní rituál · 30 minut, co přesně udělat

04

Zdrojové karty · stav každého nástroje

08

Agent-kompas · kdy přejít od workflow k agentovi

Každá sekce má čtyři vrstvy: 🎯 Cíl · 🧠 Logika promptu · ✅ Na co pozor · 🛠️ Nástroje.

title: 'Sekce 01 — Data layer'

SEKCE 01 nejdůležitější krok · 60 % kvality

Data layer

Jeden sjednocený balík dat ze všech 7 nástrojů. Bez něj cockpit jen hezky vypadá, ale nic neříká.

🎯 Cíl

Jeden JSON balík, do kterého se vejdou aktuální čísla ze všech sedmi nástrojů — surovina pro všechny ostatní sekce.

🧠 Logika promptu

Jeden konektor na zdroj (SQLite, dva Notiony, KB index, dvě analytiky, asistent) → normalizace do jednotného tvaru → cache s časovým razítkem.

✅ Na co pozor

Každý zdroj má jiný tvar dat · chybějící pole = „N/A", nikdy vymyšlené číslo · cache, ať se appka nenatahuje znovu při každém otevření.

🛠️ Nástroje

Claude Code (dirigent) · přímé čtení SQLite / Notion API / KB indexu · cron job, co balík jednou denně osvěží.

title: 'Sekce 02 — Tři-čísla rámec'

SEKCE 02 co sledovat denně

Tři-čísla rámec

North star, leading, lagging — tři čísla, podle kterých se Jakub rozhoduje, ne padesát.

🎯 Cíl

Vybrat přesně tři čísla, která Jakub sleduje každý den a podle kterých pozná, jestli týden jede dobře.

🧠 Logika promptu

Nejdřív north star (kam směřuješ — roční revenue), pak leading (co tomu předchází — kvalifikovaní leadi, publikované posty), pak lagging (co to potvrdí — uzavřené kontrakty).

✅ Na co pozor

Tři, ne deset · leading musí být něco, co ovlivníš TENTO týden · lagging přijde pozdě, ale je nezpochybnitelný.

🛠️ Nástroje

Claude Code spočítá čísla z data layeru (sekce 1) podle definice, kterou spolu sepíšete do jednoho promptu.

title: 'Sekce 03 — One-page layout'

SEKCE 03 jak se to vejde na obrazovku

One-page layout

Celý cockpit na jedné obrazovce. Žádné podstránky, žádné scrollování mezi appkami.

🎯 Cíl

Vejít se s celým cockpitem na jednu obrazovku — tři čísla, sedm karet i doporučení, bez klikání dál.

🧠 Logika promptu

Rozvržení odshora dolů podle důležitosti — tři čísla nahoře, karty zdrojů uprostřed, doporučení dole. Fixní grid, ne query-driven jako Goal Tracker.

✅ Na co pozor

„One-page rule" — 5 podstránek = 0× otevřeno týdně · žádné scrollování na mobilu · nic se neschovává za klik.

🛠️ Nástroje

Cursor / Next.js dashboard — jedna route, statický grid layout.

title: 'Sekce 04 — Zdrojové karty'

SEKCE 04 stav každého nástroje

Zdrojové karty

Sedm malých karet — jedna za nástroj — co v pěti vteřinách řekne, jestli jede, nebo potřebuje pozornost.

🎯 Cíl

Za pět vteřin pohledu poznat, který ze sedmi nástrojů jede dobře a který potřebuje pozornost.

🧠 Logika promptu

Pro každý zdroj: jedno klíčové číslo + trend (nahoru/dolů/stejně) + barevný stav podle prahu, který spolu nastavíte.

✅ Na co pozor

Jedno číslo na kartu, ne pět · barva podle prahu, ne podle pocitu · klik na kartu vede do detailu (Goal Tracker z L7).

🛠️ Nástroje

Claude Code / Cursor — komponenty z knihovny L7 znovupoužité, jen nakrmené balíkem ze sekce 1.

title: 'Sekce 05 — AI doporučení'

SEKCE 05 co dělat tento týden

AI doporučení

Jeden krátký odstavec dole — co konkrétně udělat tento týden — podložený čísly, ne obecnou radou.

🎯 Cíl

Zúžit celý cockpit na jednu konkrétní akci — místo aby Jakub sám luštil, co ta čísla znamenají.

🧠 Logika promptu

Vezmi tři čísla + sedm karet → najdi největší odchylku od minulého týdne → napiš jednu konkrétní akci a proč.

✅ Na co pozor

Jedna akce, ne seznam pěti · vždycky odkaz na konkrétní číslo · nikdy motivační fráze bez dat.

🛠️ Nástroje

Claude Code (Anthropic API) — čte balík dat ze sekce 1, píše krátký text, ne graf.

title: 'Sekce 06 — Anti-halucinační pojistka'

SEKCE 06 pozor na vymyšlená čísla!

Anti-halucinační pojistka

Business čísla nejsou hravý copywriting. Chybné číslo znamená špatné rozhodnutí.

🎯 Cíl

Každé číslo na obrazovce jde dohledat zpátky na reálný zdroj — nikdy nesmí vzniknout z fantazie modelu.

🧠 Logika promptu

Explicitní pravidlo v promptu: „pokud číslo není v balíku dat, ukaž N/A, nikdy ho neodhaduj." Log, odkud každé číslo přišlo.

✅ Na co pozor

Chybějící data ukázat jako chybějící, ne domyslet · pravidelný spot-check proti zdroji · žádné zaokrouhlování „aby to sedělo".

🛠️ Nástroje

Claude Code (mantinely jako tvrdé pravidlo v system promptu) · log s odkazem zdroj → číslo → zobrazení.

title: 'Sekce 07 — Týdenní rituál'

SEKCE 07 30 minut, co přesně udělat

Týdenní rituál

Bez rituálu masterclass do dvou měsíců vyhasne. S rituálem vydrží roky.

🎯 Cíl

Zajistit, že se cockpit otevírá pravidelně — a že z každého otevření vzejde jedno rozhodnutí, ne jen pohled.

🧠 Logika promptu

Šablona: v pátek 30 minut → otevři cockpit → zapiš tři čísla do historie → přečti AI doporučení → rozhodni jeden krok na příští týden.

✅ Na co pozor

Stejný den, stejný čas, ať se stane návykem · historie čísel v čase, ne jen snapshot · rituál je krátký, jinak ho přeskočíš.

🛠️ Nástroje

Cockpit ukládá týdenní snapshot čísel (jednoduchá tabulka) · volitelně kalendářová připomínka.

title: 'Sekce 08 — Agent-kompas'

SEKCE 08 kdy přejít od workflow k agentovi

Agent-kompas

Poslední panel cockpitu — a most k navazujícímu kurzu.

🎯 Cíl

Ukázat, kde ještě běží ruční workflow a kde by dávalo smysl přejít k agentovi, co sám rozhoduje.

🧠 Logika promptu

Pro každý ze 7 nástrojů otázka: „kdo dnes rozhoduje — člověk, nebo cron?" a „co by se stalo, kdyby rozhodoval agent?" — vypsat kandidáty na příští krok.

✅ Na co pozor

Workflow = spustí se podle plánu, člověk rozhoduje · agent = sám rozhodne, kdy spustit / koho přidat / kdy zastavit · nepřecházej tam, kde chyba stojí hodně.

🛠️ Nástroje

Claude Agent SDK (náhled) · odkaz na navazující kurz „Vibecoding Agents Masterclass".

layout: center title: 'A co zbytek techniky?'

A co zbytek techniky?

Založení projektu, konektory na sedm appek i nasazení
AI udělá sama. Tvoje práce je těch 8 sekcí.

    A úplně nejvíc ta první — sjednotit data (1) tak, aby na nich šlo postavit čísla (2), karty (4) i doporučení (5). Zbytek je layout a rituál nad touhle znalostí.
  

layout: center title: 'Hotovo, když…'

Hotovo, když…

Čtyři podmínky, podle kterých poznáš, že je cockpit hotový

01

Máme data layer (1) se všemi 7 zdroji a tři čísla (2) spočtená z reálných dat, ne odhadem.

02

Celý cockpit se vejde na jednu obrazovku (3) se sedmi kartami (4) a jedním AI doporučením (5).

03

Každé číslo je dohledatelné ke zdroji (6) — žádné vymyšlené.

04

Máme týdenní rituál (7), který cockpit skutečně používá, a víme, kde příště přejít k agentovi (8).

Teď víš, co stavíme a proč v tom pořadí. Pak už jen otevřu Cursor — poslední lekce hlavní série.

Lekce 8: Byznys cockpit: všechno propojené + co dál (agenti)