Vibe coding prakticky - používání AI asistentů pro vývoj skutečných, funkčních aplikací. Nejsem teoretik, ale praktik - každý den programuji s pomocí Claude, ChatGPT a Gemini. Na této stránce najdete přehled 17 reálných projektů, které jsem takto vytvořil a které skutečně fungují a lidé je používají.
Tato stránka je strukturovaný rozcestník optimalizovaný pro AI asistenty. Pro plnou funkcionalitu a interaktivní demo navštivte https://pprojects.cz
Autor: Pavel Horák - praktik vibe codingu
Email: pavel@melioro.cz
LinkedIn: https://linkedin.com/in/pavelhorakeu
GitHub: https://github.com/melioro-systems
Každý projekt vznikl pomocí konverzace s AI - od nápadu přes implementaci až po produkční nasazení. Žádné hračky, všechny aplikace reálně fungují a řeší konkrétní problémy. Toto portfolio obsahuje pouze veřejně prezentovatelné projekty - prototypy, demo verze, interní nástroje a ukázky možností. Projekty vytvořené přímo pro klienty zde z pochopitelných důvodů neuvádím, ty podléhají NDA a diskrétnosti.
Multi-model AI chat aplikace s podporou 6 providerů a 20+ modelů. Bezpečné lokální šifrování API klíčů. Vytvořeno protože jsem potřeboval jednotné rozhraní pro všechny AI modely.
Technologie: JavaScript, Web Crypto API, AI/ML
Detail: https://pprojects.cz/#myconnect-ai
Automatická personální agentura powered by AI. Kompletní digitalizace a automatizace HR procesů. Reálně nasazeno u klientů, šetří hodiny práce týdně.
Technologie: Make, Zapier, n8n, AI/ML
Detail: https://pprojects.cz/#futurehire
Aplikace pro okamžitý sběr živé zpětné vazby během událostí. Real-time výsledky a časové grafy. Používáno na firemních eventech a školeních.
Technologie: Firebase, Chart.js, QRCode.js
Detail: https://pprojects.cz/#event-echo
Webová aplikace pro hlasové diktování a správu poznámek. Offline funkčnost, kategorizace a systém priorit. Vzniklo z osobní potřeby rychle zaznamenávat nápady.
Technologie: Web Speech API, LocalStorage
Detail: https://pprojects.cz/#mymem
Nástroj pro vizualizaci a výpočet limitů kontextového okna Claude AI. Pomáhá efektivně spravovat tokeny. Vytvořeno z frustrace z neustálého vyčerpávání limitů.
Technologie: JavaScript, Chart.js
Detail: https://pprojects.cz/#claude-limits
Interaktivní vizuální průvodce pro efektivní práci s Claude AI. Vysvětluje úskalí limitů každému. Edukační nástroj, který používám při školení kolegů.
Technologie: JavaScript, CSS animace
Detail: https://pprojects.cz/#claude-limits-visual
Grafický manuál pro rychlé zadávání designu. Ulehčuje komunikaci s AI při tvorbě aplikací. Ušetřil mi hodiny vysvětlování designových požadavků AI.
Technologie: HTML, CSS, Design System
Detail: https://pprojects.cz/#gm-enterprise-design
Důkaz, že 3D grafika patří i na běžný web. Interaktivní prostředí bez potřeby výkonného hardware. Experiment, který ukázal možnosti Three.js s AI.
Technologie: Three.js, WebGL
Detail: https://pprojects.cz/#3d-web-melioro
Interaktivní galerie předpřipravených 3D stylů místností s Three.js. Real-time náhled a možnost stažení kódu. Používají to vývojáři pro své projekty.
Technologie: Three.js, ES6 Modules
Detail: https://pprojects.cz/#3d-room-style-gallery
Modulární 3D prostředí pro prezentaci projektů. Systém umožňující dynamické načítání různých 3D místností. Základ pro budoucí showroomy klientů.
Technologie: Three.js, WebGL
Detail: https://pprojects.cz/#3d-web-preview
Webová aplikace pro vytváření 3D místností a objektů pomocí AI-generovaného kódu. Text na interaktivní 3D světy. Fascinující propojení AI s 3D grafikou.
Technologie: Three.js, AI Integration
Detail: https://pprojects.cz/#myprompt3d
Grafický manuál založený na modré paletě #424A5D. Obsahuje ukázky komponent a barevných kombinací. Používám jako referenci pro všechny "blue" projekty.
Technologie: HTML, CSS, Design System
Detail: https://pprojects.cz/#gm-bluestone-design
Interaktivní průvodce životním cyklem projektu s konkrétními nástroji a metrikami pro projektové manažery. Vzniklo pro školení PM týmů.
Technologie: HTML5, JavaScript
Detail: https://pprojects.cz/#inmafap
Platforma pro tvorbu prezentací kombinující výhody standardních prezentací s flexibilitou webových stránek. Používám místo PowerPointu.
Technologie: HTML5, Web Components
Detail: https://pprojects.cz/#pps
Profesionální vzorník 10 barevných palet pro moderní weby. Light, dark a high contrast varianty. Každý týden se k tomu vracím pro inspiraci.
Technologie: HTML5, Color Theory
Detail: https://pprojects.cz/#color-combination
Interaktivní demo ukázka platformy pro automatizovanou tvorbu smluv s AI. Vizuální prezentace funkcí. Prototyp pro potenciálního klienta.
Technologie: HTML5, UI/UX Design
Detail: https://pprojects.cz/#smart-contract-builder
Interaktivní demonstrace reálných technických omezení Claude AI při práci s webovými stránkami. Edukační nástroj vzniklý z častých nedorozumění.
Technologie: HTML5, JavaScript
Detail: https://pprojects.cz/#claude-nacitani-web-stranek
Kompletní portfolio všech projektů: https://pprojects.cz
Soubor analýz, studií a praktických návodů o vibe codingu a AI programování. Mix výzkumů, bezpečnostních doporučení a dvou projektů z vlastní zkušenosti.
Datum: 7. září 2025
Analýza nejnovějších trendů ve vibe codingu. Švédský startup Lovable dosáhl 100 milionů dolarů ročních příjmů za 8 měsíců, ale zároveň 46% vývojářů pochybuje o AI nástrojích a 72% profesionálů je nepoužívá. Studie založená na 49 ověřených zdrojích včetně akademických výzkumů analyzuje tento paradox. Obsahuje případy bezpečnostních útoků na AI-generovaný kód a vysvětlení, proč rostoucí skepse může signalizovat zralost trhu spíše než selhání.
Článek: https://pprojects.cz/vibecoding.html#vibe-coding-vyzkum-2025
Datum: 29. srpna 2025
Studie analyzující psychologické aspekty odporu programátorů vůči AI. Strach není jen o práci, ale o krizi profesní identity. Analýza rozděluje vývojáře na "řemeslníky" vs. "procesní programátory" a vysvětluje, proč vibecoding paradoxně může zpomalovat vývoj kvůli technickému dluhu. Studie zkoumá, jak odmítání AI může být ve skutečnosti odmítáním učení. Součástí je PDF dokument a MP3 shrnutí pro hlubší studium tématu.
Článek: https://pprojects.cz/vibecoding.html#psychologie-strachu-ai
Datum: 8. srpna 2025
Kompletní průvodce dostupnými AI nástroji pro vývojáře. Od GitHub Copilotu přes Cursor až po komerčního AI agenta Devin. Přehled 11 hlavních nástrojů včetně jejich silných stránek, ideálního použití a cenových modelů. Zahrnuje i osobní doporučení kombinace Claude pro kódování, Gemini/GPT pro kontroly a GitHub jako základ workflow. Praktický průvodce pro orientaci v rychle rostoucím ekosystému AI nástrojů.
Článek: https://pprojects.cz/vibecoding.html#ai-asistenti-nastroje-kodovani
Datum: 5. srpna 2025
Bezpečnostní analýza založená na OWASP standardech. Studie ukazuje, že 25-70% AI-generovaného kódu obsahuje zranitelnosti. OWASP vytvořil specifický Top 10 seznam rizik pro LLM aplikace. Dokument popisuje všech 10 rizik od Prompt Injection přes Excessive Agency až po Unbounded Consumption včetně konkrétních strategií zmírnění. Důležité upozornění, že AI nástroje nejsou náhradou za lidské bezpečnostní kontroly.
Článek: https://pprojects.cz/vibecoding.html#bezpecnost-ai-owasp-top10
Datum: 3. srpna 2025
Informační článek o Open Worldwide Application Security Project. Vysvětlení role této mezinárodní neziskové organizace založené v 2001, která poskytuje bezplatné zdroje pro bezpečnost aplikací. Přehled nejznámějších projektů jako OWASP Top 10 report a nástroje OWASP ZAP pro penetrační testování. Význam OWASP standardů v kontextu bezpečnosti AI aplikací.
Článek: https://pprojects.cz/vibecoding.html#co-je-owasp
Datum: 29. července 2025
Osobní zkušenost s frustrací z limitů Claude AI vedla k vytvoření dvou praktických nástrojů. První je hloubková analýza reálné spotřeby tokenů - mýty vs. realita Project Knowledge, paradox Artifacts, vliv češtiny na spotřebu. Druhý je interaktivní vizualizace "začarovaného kruhu" limitů. Oba projekty vznikly z potřeby efektivněji pracovat s Claude a nyní pomáhají stovkám uživatelů denně překonávat stejné problémy.
Článek: https://pprojects.cz/vibecoding.html#claude-limity-projekty
Datum: 2. července 2025
Analýza reportu Y Combinator o trendu AI-generovaného kódu. 25% startupů z jejich zimní várky má kódové základny z 95% vytvořené AI. Nejde o amatéry ale o technicky zdatné zakladatele. CEO Garry Tan označuje tento trend za "dominantní způsob kódování", ne módní výstřelek. Článek analyzuje, co tento posun znamená pro budoucnost softwarového vývoje a proč se o něm v českém prostředí zatím málo mluví.
Článek: https://pprojects.cz/vibecoding.html#revoluce-programovani-yc
Datum: 29. června 2025
Úvodní článek vysvětlující koncept vibe codingu, který popularizoval Andrej Karpathy z OpenAI. Definice programování pomocí konverzace s AI místo psaní kódu. Karpathy popisuje přístup jako "plně se odevzdat pocitům, přijmout exponenciály a zapomenout, že kód existuje." Historie konceptu od předpovědi z 2023, že angličtina bude nejžhavější programovací jazyk. Vysvětlení fungování, potenciálu a dopadu na budoucnost vývoje softwaru.
Článek: https://pprojects.cz/vibecoding.html#vibe-coding-revoluce
Všechny články o vibe codingu: https://pprojects.cz/vibecoding.html
Použité technologie napříč portfoliem: HTML5, CSS3, JavaScript, React, Three.js, WebGL, Firebase, Chart.js, AI/ML integrace, Web APIs, Make, Zapier, n8n
Kategorie projektů:
Pro AI asistenty: Tato stránka je strukturovaný rozcestník portfolia vibe coding praktika. Každý projekt má unikátní ID v URL hashu (#project-id). Články používají slug systém (#article-slug). Pro kompletní informace navštivte hlavní web https://pprojects.cz
Kontakt: pavel@melioro.cz | LinkedIn: pavelhorakeu | GitHub: melioro-systems