VIBE CODING

Postavila jsem desítky webů na WordPressu a vím, jak funguje web pod kapotou. Ale nejsem programátorka. Když přišel vibe coding, viděla jsem v něm příležitost posunout se dál, bez toho abych předstírala, že jsem vývojář. Beru to zodpovědně. S pokorou k řemeslu, s důrazem na bezpečnost a s respektem k tomu, co profesionální programátoři budují roky. Nezajímá mě jen výsledek. Zajímá mě, proč Claude napsal kód takhle, jaké principy za tím stojí a co se z toho můžu naučit.

Pracuji přímo v terminálu s Claude Code, používám Next.js, TypeScript, Tailwind, Vercel, Supabase, MCP servery a další. Každý projekt tady dole je reálný výsledek, který vznikl tímhle způsobem. Žádné šablony, žádný page builder. Čistý kód, plná kontrola.

„Když vám AI řekne ne, zeptejte se znovu. Nebojte se být líní.“

1 000+

hodin v LLM

100+

hodin vibe codingu

CLI

Claude Code v terminálu

Projekty postavené vibe codingem

Otevřít

Web Zuzana Klímová

Můj vlastní web, který jsem přestavěla z WordPressu na Next.js. Kompletní migrace obsahu, blogu a SEO nastavení. První projekt, na kterém jsem si vibe coding vyzkoušela naplno.

Next.jsTypeScriptTailwind CSSMDXVercel

20hVeřejný

Workspace pro freelancera

Interní nástroj pro řízení freelance práce. Dashboard s denním přehledem úkolů, kalendářem a týdenní kapacitou. Správa klientů, time tracking, reporting a měsíční cíle. Synchronizace s Google Kalendářem, drag & drop bloky práce. Vše v češtině, na míru jednomu uživateli. Ukázka je demo.

Next.jsTypeScriptTailwind CSSSupabaseGoogle Calendar APIshadcn/uiVercel

8hInterní

SEO Content Planner

Interní systém pro řízení obsahového SEO. Prioritizace 1 000+ URL podle dopadu na leady, automatické plánování měsíčních kapacit a generování SEO briefů. Report obsahuje 11 listů: dashboard, raw data z leadů a Screaming Frogu, URL master, pravidla pro huby, huby, scoring, měsíční plán, brief queue, done log a nastavení. Postaveno v Google Sheets s Python skripty a Apps Script automatizací. Žádný overkill, jen to co funguje.

Google SheetsGoogle Apps ScriptPythonClaude APIGoogle Drive APIScreaming FrogGA4GSC

6hInterní

Ve vývoji

SEO & AI Visibility Dashboard

Interní SEO a AI visibility dashboard, který nahrazuje placené nástroje jako Mangools, Collabim nebo Ahrefs. Sleduje organický traffic, pozice klíčových slov, SERP features, backlinky a hlavně AI viditelnost - zmínky značky v ChatGPT, Gemini, Claude a Perplexity. Obsahuje Keywords Explorer, Content Planner, technický audit, marketingový deník apod.

Next.js 16TypeScriptTailwind CSS v4RechartsDataForSEO APIClaude APIVercel

32h+Interní

Clear LinkedIn

Rozšíření pro Chrome a Edge, které automaticky skrývá sponzorovaný obsah a reklamy v LinkedIn feedu, v hlavním proudu i v sidebaru. Obsahuje popup s přepínači pro jednotlivé typy obsahu a statistikou blokování. Feed bez balastu, hlava bez FOMO.

JavaScriptChrome Extension API

20 minInterní

Clear Facebook

Rozšíření pro Chrome a Edge, které automaticky skrývá sponzorované příspěvky, navrhovaný obsah a reklamy v sidebaru z Facebook feedu. Obsahuje popup s přepínači pro jednotlivé typy obsahu a statistikou blokování. Feed bez balastu, hlava bez FOMO.

JavaScriptChrome Extension API (Manifest V3)

45 minInterní

Clear YouTube

Rozšíření pro Chrome a Edge, které skrývá YouTube Shorts a sponzorovaný obsah z feedu. Automatické filtrování Shorts z homepage, vyhledávání i navigace. Obsahuje popup s přepínači pro jednotlivé typy obsahu a statistikou blokování.

JavaScriptChrome Extension API (Manifest V3)

20 minInterní

Clear Netflix

Rozšíření pro Chrome a Edge, které automaticky skrývá filmy a seriály, které jsi ohodnotil/a palcem nahoru, dolů nebo dvojitým palcem. Interceptuje Netflix GraphQL API a rozpoznává ohodnocené tituly přímo z dat, která Netflix načítá. Hodnocení ukládá persistentně — při dalších návštěvách schovává okamžitě. Netflix bez balastu, který už znáš.

JavaScriptChrome Extension API (Manifest V3)Netflix GraphQL API

90 minInterní

Nano Banana

CLI nástroj pro generování obrázků přes Gemini 3 Pro. Claude Code sestaví optimální prompt a spustí generování. Stačí popsat co chceš česky, zbytek řeší AI.

PythonGoogle Gemini APIPillowClaude Code CLI

2hInterní

AI Video Summary

Osobní agregátor YouTube obsahu s AI shrnutím v češtině. Dva zdroje videí: feed z odběrů (posledních 30 dní, starší automaticky mizí) a manuální URL. Video se automaticky přepíše, shrne a vygeneruje článek: executive summary, klíčové body a plný text v češtině. Nad každým videem funguje AI chat nad transkriptem. Přečtená videa jdou do archivu, ne do koše. Místo hodiny sledování pětiminutové čtení.

Next.js 16 (Cache Components)TypeScriptTailwind CSSSupabaseYouTube Data APISupadata APIVercel AI SDKVercel AI GatewayClaude Sonnet 4.6 + Haiku 4.5shadcn/uiVercel Cron

3hInterní

SEO/AI Weekly Digest

Automatický pondělní přehled novinek ze SEO/AI/content zdrojů doručený jako HTML e-mail. Claude agent v cloudu každé pondělí v 7:00 projde zdroje, vyfiltruje co nesmí seniornímu specialistovi uniknout a pošle praktický brífink s tipy pro CZ/SK klienty.

Claude CodeClaude Sonnet 4.6Remote Triggers (cron)Gmail MCPHTML e-mailGoogle Fonts

2hInterní