Vibenly Starter Kit: Postav a spusť

Proč to potřebuješ

text

Rozhodovací systém pro výběr AI nástroje a stacku podle toho, co chceš skutečně postavit. Ne podle loga, ne podle hype, ale podle práce, kterou právě řešíš.

Kompletní postup

list

→Jak rozlišit přemýšlení, vývoj, prototyp, databázi a deploy
→Kdy použít ChatGPT, Claude nebo Codex
→Kdy dává smysl Lovable nebo Bolt
→Kdy potřebuješ Supabase a kdy ne
→Kdy řešit Vercel a vlastní doménu
→Jak sestavit jednoduchý postup sestavení
→Jaké chyby rozbijí první projekt

Problém není prompt

warning

Většina projektů se nerozbije na kvalitě promptu. Rozbije se na tom, že si člověk nejdřív neujasní, co staví, pro koho to staví a jaký výstup má být hotový jako první.

Základní mapa nástrojů

code

text

Oblast                  | Nástroj        | Na co slouží
----------------------- | -------------- | -------------------------------------------------
Premýšlení a strategie  | ChatGPT        | Produkt, texty, struktura, zadání
AI coding agent         | Claude / Codex | Práce v projektu, změny v kódu, refactor
Rychlý prototyp         | Lovable / Bolt | První vizuální verze nebo demo
Databáze a Auth         | Supabase       | Ukládání dat, login, backend základ
Hosting a deploy        | Vercel         | Dostat projekt online
Verzionování            | GitHub         | Repo, historie, připojení k deployi

Kdy použít ChatGPT

list

→Když potřebuješ zúžit nápad na MVP.
→Když píšeš produktový brief nebo landing copy.
→Když chceš vysvětlit technický pojem jednoduše.
→Když potřebuješ připravit zadání pro Claude nebo Codex.

Kdy použít Claude

list

→Když řešíš delší kontext a architekturu.
→Když potřebuješ rozumně rozdělit velkou úlohu na menší.
→Když chceš číst, vysvětlovat nebo refaktorovat existující kód.
→Když připravuješ dokumentaci a pravidla projektu.

Claude vs Codex

code

text

Situace                                   | Použij spíš
----------------------------------------- | --------------------
Potřebuju přemýšlet o architektuře        | Claude nebo ChatGPT
Potřebuju upravit konkrétní komponentu     | Codex
Potřebuju pracovat nad více soubory        | Claude Code nebo Codex
Potřebuju refactor                          | Claude Code nebo Codex
Potřebuju připravit prompt                 | ChatGPT
Potřebuju rychle ověřit chybu               | Claude nebo ChatGPT

Kdy použít Codex

list

→Když chceš pracovat přímo s kódem v repozitáři.
→Když potřebuješ vytvořit komponentu, API route nebo validaci.
→Když chceš opravit bug nebo doplnit typy.
→Když zadání rozdělíš na menší kontrolovatelné úkoly.

Kdy použít Lovable nebo Bolt

warning

Lovable a Bolt jsou dobré na rychlý prototyp. Nejsou ideální na dlouhodobý produkt bez kontroly kódu, bezpečné access logiky nebo vlastních pravidel.

Kdy použít Supabase

list

→Když ukládáš waitlist, projekty nebo user data.
→Když potřebuješ login nebo členskou sekci.
→Když chceš databázi, row level security a backend základ.
→Když projekt není jen statická landing page.

Kdy použít Vercel

list

→Když chceš Next.js projekt dostat online.
→Když potřebuješ preview deploye a production deploy.
→Když nastavuješ environment variables a vlastní doménu.
→Když chceš mít jednoduchý postup z GitHubu na nasazení.

Odporúčaný stack podle typu projektu

list

→Statický web: Next.js + Tailwind + GitHub + Vercel.
→Web s formulářem: Next.js + Supabase + GitHub + Vercel.
→Členská sekce: Next.js + Supabase Auth + Supabase DB + Vercel.
→Placený produkt: stejné jako výše, Stripe až ve chvíli, kdy má produkt jasný scope.

Rozhodovací strom

code

text

1. Co stavím?
2. Pro koho to stavím?
3. Jaký má být první výstup?
4. Potřebuju data?
5. Potřebuju login?
6. Potřebuju deploy?
7. Který nástroj je na kterou část?

Nejčastější chyby

list

→Začít nástrojem místo problému.
→Pustit AI do projektu bez pravidel.
→Použít Supabase bez pochopení keys a RLS.
→Deploynout bez kontroly buildů, env a mobilu.
→Stavět příliš mnoho funkcí najednou.

Od nápadu ke spuštění

list

→Definuj problém.
→Napiš brief.
→Vyber nejmenší možný stack.
→Vytvoř projekt a pravidla.
→Postav MVP.
→Propoj data a deploy.
→Zkontroluj spuštění.

Prompt: Vyber mi stack

code

text

Pomoz mi vybrat správný technický stack pro můj projekt.

Projekt:
[opíš projekt]

Cílová skupina:
[kdo to bude používat]

První verze má obsahovat:
[vymenuj 3 hlavní funkce]

Potřebuju ukládat data:
[ano/ne + jaká data]

Potřebuju login:
[ano/ne/později]

Potřebuju platby:
[ano/ne/později]

Chci projekt dostat online:
[ano/ne]

Navrhni mi:
1. nejjednodušší možný stack,
2. co použít na frontend,
3. co použít na databázi,
4. co použít na deploy,
5. jestli potřebuju Supabase,
6. co zatím nedělat,
7. jaký má být první build krok.

Prompt: Zúž mi projekt na MVP

code

text

Mám tento nápad:

[opíš nápad]

Pomoz mi z toho udělat MVP.

Chci, abys:
1. pojmenoval hlavní problém,
2. určil cílovou skupinu,
3. navrhl nejmenší funkční verzi,
4. rozdělil funkce na must-have a later,
5. doporučil vhodné nástroje,
6. navrhl první release plán,
7. upozornil mě, co je zbytečné dělat hned.

Prompt: Připrav zadání pro Codex

code

text

Připrav mi technické zadání pro Codex.

Projekt:
[opíš projekt]

Stack:
[např. Next.js, TypeScript, Tailwind, Supabase, Vercel]

Úloha:
[co má Codex vytvořit]

Omezení:
- neměň architekturu bez vysvětlení,
- nepoužívej zbytečné externí balíčky,
- validuj vstupy,
- nepoužívej dangerouslySetInnerHTML,
- neukládej secrets do frontendu,
- po dokončení vypiš změněné soubory.

Výstup má obsahovat:
1. návrh souborů,
2. implementaci,
3. vysvětlení změn,
4. způsob testování.

Prompt: Zkontroluj můj stack před spuštěním

code

text

Zkontroluj můj stack před prvním spuštěním.

Používám:
Frontend:
Backend/databáze:
Auth:
Hosting:
Doména:
AI nástroje:
Platby:

Projekt má obsahovat:
[vymenuj funkce]

Skontroluj:
1. jestli stack dává smysl,
2. jestli není zbytečně komplikovaný,
3. co může být bezpečnostní riziko,
4. co mám nastavit před deployem,
5. co můžu odložit na další verzi.

Checklist kapitoly

9 kroků

✓Vím, co stavím
✓Znám cílovou skupinu
✓Mám definovaný nejmenší výstup
✓Vím, který nástroj použít na myšlení
✓Vím, který nástroj použít na kód
✓Vím, zda potřebuji Supabase
✓Vím, zda potřebuji Vercel
✓Mám první prompt pro agenta
✓Mám jednoduchý stack a ne chaos

Resources

Materiály ke kapitole

reference

Placené

Výběr AI nástrojů — pracovní poznámky

Strukturovaný podklad k této kapitole.

download

Zdarma

Matice výběru AI nástrojů

Rychlá mapa nástrojů podle úlohy, výstupu a rizika.

checklist

Zdarma

Pracovní list pro výběr stacku

Pracovní list pro výběr stacku podle typu projektu.

template

Zdarma

Sada promptů pro výběr nástrojů

Sada promptů pro ChatGPT, Claude a Codex před prvním sestavením.

reference

Zdarma

Mapa build stacku

AI nástroj → GitHub → Supabase → Vercel → doména.

Výběr AI nástrojů

Výběr AI nástrojů

Proč to potřebuješ

Kompletní postup

Problém není prompt

Základní mapa nástrojů

Kdy použít ChatGPT

Kdy použít Claude

Claude vs Codex

Kdy použít Codex

Kdy použít Lovable nebo Bolt

Kdy použít Supabase

Kdy použít Vercel

Odporúčaný stack podle typu projektu

Rozhodovací strom

Nejčastější chyby

Od nápadu ke spuštění

Prompt: Vyber mi stack

Prompt: Zúž mi projekt na MVP

Prompt: Připrav zadání pro Codex

Prompt: Zkontroluj můj stack před spuštěním

Checklist kapitoly

Resources

Výběr AI nástrojů — pracovní poznámky

Matice výběru AI nástrojů

Pracovní list pro výběr stacku

Sada promptů pro výběr nástrojů

Mapa build stacku

Další kapitoly ve stejném layoutu