čo používam
Nástroje mám verejné. Platíš si za to, že viem, čo od ktorého chcieť a kedy ho nasadiť
Nič z tohto nie je tajomstvo. Odkazy sú verejné, väčšina je zadarmo a ak si to chceš postaviť sám, tu máš zoznam a môžeš začať dnes. Rozdiel medzi tým zoznamom a hotovým systémom nie je v nástrojoch. Je v tom, ktorý z nich sa na tvoju vec hodí, ktorý ti o pol roka spadne na hlavu a čo z toho vôbec nepotrebuješ.
Na čom to staviam
Nemusíš vedieť, čo znamená ktorá položka. Je tu preto, aby si vedel, že to nestaviam na jednom hotovom nástroji, z ktorého sa nedá odísť.
Databázy a dáta
- Supabase
- PostgreSQL
- SQL
- REST API
- JSON
Cloud a hosting
- Cloudflare Workers
- Cloudflare R2
- Google Cloud
- AWS
- Netlify
- GitHub
Platby a komunikácia
- Stripe
- Resend
- Google Calendar
- SEPA platobné QR
AI a rozpoznávanie
- Gemini
- Google AI Studio
- OpenAI
- OCR
Čím staviam
- Anthropic
- Claude
- Claude Code
- Claude Design
- Lovable
- Cursor
Automatizácia a procesy
- n8n
- Make.com
- Zapier
- BPMN
- IoT
Na čom staviam web a mobil
- React
- TypeScript
- Tailwind
- Capacitor
- Vite
Analytika a kancelária
- Google Search Console
- Google Workspace
- IBM Planning Analytics
- MS Office
- Excel na expertnej úrovni
AI skilly
Skilly sú návody, podľa ktorých pracuje nástroj v editore. Väčšina je verejná na GitHube, čísla pri nich sú zaokrúhlené hviezdičky, teda koľko ľudí si ich odložilo. Prvá karta je platený základ, na ktorom to celé beží.
- Claude Max 20 najvyšší tarif
Na tomto všetko beží. Najvyšší tarif znamená, že nemusím šetriť na premýšľaní: nástroj si môže prejsť celý projekt naraz namiesto jedného súboru, skúsiť tri riešenia a vybrať najlepšie, a po dokončení si vlastnú prácu ešte raz skontrolovať. Práve tam vzniká rozdiel medzi kódom, ktorý funguje na ukážke, a kódom, ktorý vydrží prevádzku.
- claude-seo ★ 14 000
Kompletná SEO výbava priamo v editore. Technický audit, štruktúrované dáta, lokálne vyhľadávanie a optimalizácia na to, aby web citovali aj jazykové modely, nielen Google.
- frontend-design Anthropic skill
Núti návrh, ktorý nevyzerá ako šablóna s vymeneným logom. Pri každom webe pýta vlastnú typografiu, paletu a rozloženie odvodené od toho, čo firma reálne robí. Preto sa dva weby odo mňa na seba nepodobajú a ani tento nevyzerá ako klikačka.
- humanizer ★ 35 000
Prečisťuje texty od typických znakov strojového písania. Preto na tomto webe nenájdeš vety, ktoré znejú, akoby ich písal generátor.
- watermarks-remover ★ 2 100
Generátory nechávajú v tom, čo vyrobia, svoju stopu: neviditeľné znaky v texte a údaje o pôvode zapísané v obrázkoch a dokumentoch. Tento nástroj ich nájde a odstráni. Púšťam ho na vlastné texty ako poslednú kontrolu, aby v nich neostalo nič, čo som tam nenapísal.
- ponytail ★ 101 000
Núti nástroj rozmýšľať ako skúsený vývojár, ktorý nerád píše zbytočný kód. Najlepší kód je ten, ktorý nemusel vzniknúť, a menej kódu znamená menej vecí, čo sa môže pokaziť.
- n8n-skills ★ 6 000
Stavia automatizácie v n8n, ktoré fungujú na prvý raz. Odtiaľ vedú prepojenia medzi systémami, vďaka ktorým už nikto nemusí prepisovať údaje z jedného miesta na druhé.
- headroom ★ 66 000
Zmenšuje objem dát, ktorý ide do spracovania. V praxi to znamená lacnejšiu a rýchlejšiu prácu bez toho, aby na tom stratila kvalita.
-
Píše a rovno publikuje články optimalizované na vyhľadávanie aj na odpovede jazykových modelov. Užitočné pre klientov, ktorí potrebujú, aby ich web žil obsahom.
Mesačne za nástroje platím viac, než si niektoré agentúry pýtajú za celú zákazku. Nič z toho si neplatíš zvlášť, je to v cene práce. Preto vyzerajú výsledky tak, ako vyzerajú. Nešetrím na tom, čím ti tú prácu reálne spravím.
Weby a programy
Hotové veci, ktoré nemá zmysel stavať odznova: knižnice, ikony, kontrolné nástroje. Otvoríš odkaz a máš to isté, čo mám ja.
-
Knižnica na animácie v prehliadači. Siaham po nej tam, kde samotné CSS už nestačí, napríklad keď má pohyb visieť na scrollovaní alebo sa má nadpis rozobrať na jednotlivé písmená. Beží plynulo aj na starších telefónoch a odkedy ju prevzal Webflow, je celá zadarmo aj s doplnkami, ktoré sa predtým platili.
-
Rodina ikon v šiestich hrúbkach, od tenkej po plnú. Beriem ich z jednej sady namiesto zbierania z piatich miest, takže sa v rozhraní nebijú medzi sebou. Kreslené sú na 16 px, čiže ostanú čitateľné aj v malom riadku tabuľky. Licencia MIT.
-
Zbierka hotových prechodov medzi stavmi rozhrania. Rieši drobnosti, ktoré si nikto nevšimne, kým nechýbajú: čo sa stane, keď zo zoznamu zmizne položka alebo keď sa otvorí dialóg. Zápisy odtiaľ beriem ako východisko a doťahujem ich na projekt, nekopírujem ich naslepo.
-
Editor efektov pre mobilné aplikácie. Efekt si naklikáš posuvníkmi a vypadne z neho hotový kód pre SwiftUI alebo React Native, takže na pozadie, ktoré sa vlní pod obsahom, netreba písať shader ručne. Samotný editor je zadarmo, platí sa až za stiahnutie súborov.
-
Nie je to repozitár, ale služba. Skontroluje hotový obsah a povie, čo mu chýba na to, aby sa dostal vyššie.
-
Externý audit bezpečnostných hlavičiek: CSP, HSTS, Permissions-Policy, referrer, XFO. Každý web pred nasadením prejde touto kontrolou; cieľom je hodnotenie A alebo A+ a nič menej.
- a ešte pár ďalších bez odkazu
Zopár nástrojov a postupov si nechávam pre seba. Nie preto, že by boli tajomstvo, ale preto, že rozdiel medzi mnou a niekým, kto si stiahne ten istý zoznam, nie je v tom zozname.
Toto je zoznam. Systém je robota
Ak si to chceš postaviť sám, drž sa a nič ti v tom nebránim. Ak ti je milšie, aby to bolo hotové a fungovalo aj o rok, napíš mi. Prvý hovor je zadarmo a povie ti aj to, ktorú z tých vecí vôbec nepotrebuješ.