Webový vývojář

Jsem František Huber, webový vývojář s 15 lety zkušeností v IT a AI-first přístupem.

Zkušenosti

15 let zkušeností v IT

s rozmanitými webovými projekty pro agentury, softwarové společnosti a koncové klienty:

Nadace BLÍŽKSOBĚ CELSI Zásilkovna Český atletický svaz Bonduelle - Food service NFSK - nadační fond Simony Kijonkové TaranDM Tenis Portal Picards Zen systems 13ka Automatizujte.cz EcoSolidar
...a další

Moje profesní cesta:

🎨

Design & UX

2010 - 2012

Navrhoval a vytvářel jsem vizuální koncepty webových aplikací a grafický design pro různé projekty.

📜

Frontend & WordPress

2013 - 2023

Kódoval jsem frontend webů a aplikací a spravoval WordPress. Spolupracoval jsem s backendisty z automationlabs.cz a zensys.cz.

🤖

AI-first vývoj

od 2024

Přešel jsem na AI-first vývoj. Dnes s AI agenty pracuji na webech i plnohodnotných aplikacích, od návrhu přes kód po nasazení.

Přístup

AI-first vývoj

Jsem webový vývojář se zkušeností z navrhováním webů a aplikací, který se specializuje na frontend. V roce 2024 jsem svou práci posunul na novou úroveň přechodem na AI-first vývoj. Z asistenta v editoru se mezitím stal plnohodnotný tým agentů a dnes tak sám dodávám weby i celé aplikace, na které by dřív byl potřeba celý tým.

Jako freelancer dnes AI používám v celém procesu: od návrhu a implementace přes testování a debugging až po nasazení. Pracuji s editorem Cursor a hlavně s Claude Code, kterému předávám i větší celky práce. Ostatně i tuhle stránku jsem psal spolu s ním. Díky tomu zvládám rychlé iterace a mohu flexibilně volit technologie, které nejlépe odpovídají konkrétnímu projektu. Výsledkem jsou MVP, prototypy i hotové aplikace v provozu.

Tento přístup mi umožňuje:

  • Rychlejší vývoj webových aplikací od prototypu po produkci
  • Efektivnější tvorbu WordPress řešení
  • Flexibilní iterace a automatizaci rutinních úkolů, testů i nasazení

Sdílím nadšení z AI nástrojů

O využití AI v moderním webovém vývoji jsem přednášel kdysi dávno1) na meetupu Frontendisti. Sdílel jsem své tehdejší nadšení z vývoje s AI nástroji a na praktických příkladech ukazoval, jak mi Cursor měnil způsob, jakým kóduji. Mnozí kolegové byli v té době skeptičtí – já jsem v tom viděl budoucnost. Dnes je záznam přednášky spíš dokumentem doby a tehdejšího stavu AI. Ta budoucnost pro nás přišla a vývoj AI se mezitím ještě zrychlil. Proto dál aktivně testuji nové nástroje, technologie a postupy2) – MCP servery, CLI agenty a podobně.

Podívat se na přednášku

1) listopad 2024, 2) průběžně od roku 2025

Vlastní projekty

Vibecoding pískoviště

Co začalo jako experiment, jsou dnes často plnohodnotné aplikace. Pískoviště ale zůstává pískovištěm: zkouším tu všechno, co mě napadne, a z AI nástrojů se snažím vyždímat maximum.

Kotel

Pro sebe

Chytré řízení topení na chalupě. Dvě bateriová čidla Shelly hlásí teplotu, relé u kotle si každou minutu stáhne pokyn. Aplikace ví, kdo je zrovna na chalupě, předtopí před příjezdem podle předpovědi počasí, učí se, jak rychle se která půlka domu ohřívá, a pošle upozornění, když čidlo zmlkne nebo hrozí mráz. Ovládá ji celá rodina z iPadu i z mobilu.

Pac-Man Clone

Pro sebe

Zjednodušená verze Pac-Mana, kterou jsme nakódovali s dětmi během jednoho víkendu na jaře 2025. Divoký a zároveň zábavný test tehdejších schopností AI agentů.

Tipovačka

Pro kamarády

Tipování výsledků Chance Ligy pro partu kamarádů. Máme vlastní pravidla pro bodování a po 25 sezónách jsme přesunuli administraci z Excelu do webové aplikace. Žebříček a rozpis zápasů a výsledky připravené ke kopírování do WhatsApp skupiny.

domy-liga.lovable.app

Mountwatch

Pro sebe

Lokální dashboard, který hlídá můj pracovní počítač. AI agenti občas pustí hledání po síťových discích a zatíží server, po zavřeném Cursoru zůstávají viset procesy a dochází paměť. Mountwatch v reálném čase ukazuje, co běží na sledovaných discích lokálně i na vývojovém serveru přes SSH, grafy CPU, paměti a I/O s historií za 24 hodin, běžící agenty podle projektu a osiřelé pozůstatky po zavřených aplikacích. Zbytečné procesy zabiju jedním klikem, a když začne docházet paměť, přijde notifikace s tlačítkem Zabít.

HoryTipy

Pro každého

Tipy na výlety po horách, které na X sdílí Jan Sůra, Patrik Zandl a další. Příspěvky se v timeline rychle ztratí, tak jsem si je posbíral na jedno místo – s filtry podle oblasti, autora a délky, mapou trasy a fotkami. Až budu příště plánovat výlet, mám tipy po ruce.

hory-tipy.netlify.app

RunWrapped

Pro každého

Fitness dashboard nad daty nejdřív ze Stravy a pak z Garminu - aktivity, kilometráž, čas strávený cvičením, trendy a srovnání měsíců a roků. Trochu předpovědi. A motivace. Nově si ho může vyzkoušet kdokoliv: stačí nahrát vlastní export z Garminu. Data se zpracují jen ve vašem prohlížeči a na server nikdy neodejdou.

runwrapped.frantisekhuber.cz

Koulink

Pro sebe

Aplikace pro sledování pokroků na lekcích v Železné kouli, kam skoro rok chodím cvičit. Papírový deník je fajn, ale dlouhodobý progress v něm skoro nevidíš. A předpis na trénink stejně diktuje schéma, nemusím nic vymýšlet a co mám příště cvičit rovnou vidím.

koulink.pages.dev

+ další hraní, automatizace, scrapování a skripty na míru

Práce pro klienty

Vybrané klientské reference

Tady už nejde o pískoviště, ale o živé weby a aplikace, za kterými stojí skuteční lidé a firmy. Každý klient, spolupráce i web je jiný.

DU.cz – Verlag Dashöfer 2026

Redesign odborného portálu v Claude Designu

Screenshot před redesignem: DU.cz – Verlag Dashöfer
Screenshot po redesignu: DU.cz – Verlag Dashöfer

Redesign odborného portálu DU.cz (daně, účetnictví, mzdy) pro Verlag Dashöfer – od návrhu v Claude Designu po implementaci. Redesign se dotkl prakticky každé komponenty webu: vylepšené UX a desítky až stovky drobných oprav. Na web přibyly prodejní sekce, aby obstál v 3s testu – návštěvník během pár vteřin pochopí, co portál nabízí a proč si ho předplatit. A vzniklo místo, kde a jak komunikovat funkce nové verze, včetně nového AI režimu. Každý typ návštěvníka (nepřihlášený, registrovaný, předplatitel) vidí jiné výzvy. Redesign se na produkci nasazuje po částech. Posuňte jezdcem a porovnejte s původní homepage.

Rozsah prací:

  • návrh homepage a stránky dokumentu (Claude Design)
  • redesign prakticky všech komponent, vylepšené UX a desítky až stovky oprav
  • prodejní sekce pro 3s test a komunikace nových funkcí (AI režim)
  • varianty podle přístupu: nepřihlášený, registrovaný, předplatitel
  • implementace pro desktop i mobil

Technické řešení: Claude Design, Claude Code · PHP, Bootstrap 4.6, SCSS

www.du.cz
Lodní servis Strakonice 2026

Od Claude Design ke Claude Code

Screenshot před redesignem: Lodní servis Strakonice
Screenshot po redesignu: Lodní servis Strakonice

Pro Zensys jsem předělal web půjčovny lodí na Otavě – původní verze z roku 2017 dožila. UX a vizuál vznikly v Claude Designu (červen 2026, ještě v betě), FE na původní backend v Claude Code. Test, jak efektivně předávat design z jednoho nástroje do druhého.

Rozsah prací:

  • návrh a vizuální design (Claude Design)
  • frontend implementace na stávající BE (Claude Code)

Technické řešení: Claude Design, Claude Code · HTML, CSS, JS na téměř původním BE

Design: Václav Prokopius (spoluautor grafického designu)

Dodavatel: zensys.cz

www.lodniservis.cz
Nadace BLÍŽKSOBĚ 2025 – 2026

Redesign webu nadace dotažený ke spuštění

Screenshot: Nadace BLÍŽKSOBĚ

Pro AutomationLabs jsem realizoval redesign stávajícího webu nadace BLÍŽKSOBĚ. Projekt trval přes rok a souběžně v nadaci probíhal repositioning včetně změn ve vedení — scope zakázky se postupně měnil a vyvíjel. Podle grafického návrhu Silvie Slimakové jsem vytvořil vlastní WordPress téma se šablonami pro homepage, O nás, Náš přístup, Projekty a žádost o podporu. Web spravuje obsah přes ACF a vlastní post types (projekty, organizace, iniciativy, aktuality, pro média), včetně dvojjazyčné verze přes Polylang. Součástí byly rozsáhlé úpravy obsahu, hero animace, formuláře a filtrování projektů podle oblastí podpory.

Rozsah prací:

  • komunikace s klientem
  • redesign stávajícího WordPress tématu
  • spolupráce na obsahu a informační architektuře
  • implementace podle Figma návrhu
  • custom WordPress šablony a CPT
  • ACF integrace a vícejazyčnost (Polylang)

Technické řešení: WordPress, PHP + js, ACF, Polylang, SCSS

Design: Silvia Slimaková

Dodavatel: AutomationLabs

www.blizksobe.cz
Jaroslav Róna 2024-2025

Portfolio předního českého sochaře

Screenshot: Jaroslav Róna

Pro Jaroslava Rónu jsem vytvořil vícejazyčný prezentační web jeho celoživotního díla. Základní vizuální design webu navrhnul Rónův dvorní grafik Jan Havel, při implementaci jsem ho rozvíjel. Šablony jsou stylovány pomocí Tailwindu.

Rozsah prací:

  • komunikace s klientem
  • návrh informační architektury a obsahu šablon (wireframy)
  • spolupráce na vizuálním designu (při implementaci)
  • technické řešení a implementace WordPress šablony

Technické řešení: WordPress - PHP + js, CSS (Tailwind)

Design: Jan Havel

jaroslav-rona.cz
Elektronická třídní kniha 2024

Webová aplikace školní třídní knihy

Screenshot: Elektronická třídní kniha

Pro webovou aplikaci Elektronické třídní knihy jsem vytvořil frontend šablony s využitím custom Bootstrapu. Aplikace umožňuje učitelům komplexně spravovat výuku: vést záznamy o hodinách, evidovat docházku žáků, zadávat testy a domácí úkoly a spravovat informace o studentech. Šablony byly vytvořeny podle grafického návrhu Miry Szkandery a posloužily jako základ pro implementaci v Nette/Latte.

Rozsah prací:

  • frontend šablony (HTML, CSS, JS)

Technické řešení: staticky generované šablony jako podklad pro Nette/Latte aplikaci

Design: Martin Valas

Dodavatel: AutomationLabs

Elkonin 2024

WordPress plugin pro správu lektorů

Screenshot: Elkonin

Pro neziskovou organizaci, která se zaměřuje na šíření metody "tréninku jazykových schopností dle D. B. Elkonina", jsem vyvinul vlastní WordPress plugin pro efektivní správu lektorů na webu elkonin.cz. Tento plugin umožňuje strukturované zadávání informací o lektorech prostřednictvím vlastních příspěvků (custom post types) a jejich následné zobrazení nad mapou s možností vyhledávání a filtrování podle krajů. Každý lektor má nyní svou vlastní stránku, což zlepšuje jejich individuální propagaci a přispívá k lepší optimalizaci pro vyhledávače (SEO) celého projektu. Součástí projektu byly také úpravy child tématu třetí strany pro zajištění kompatibility a správného zobrazení nových funkcionalit.

Rozsah prací:

  • komunikace s klientem
  • redesign a implementace úpravy child tématu třetí strany
  • návrhy nových funkcionalit
  • custom WP plugin

Technické řešení: CSS, HTML, PHP + js, WordPress

elkonin.cz
EcoMobility Transition 2025 – 2026

Prezentace mezinárodního výzkumného projektu

Screenshot: EcoMobility Transition

Pro CELSI jsem navrhl informační architekturu a vytvořil vlastní WordPress téma pro mezinárodní výzkumný projekt o spravedlivé transformaci automobilového průmyslu ve střední a východní Evropě. Web pokrývá homepage, projekt, tým a partnery, výstupy a novinky v pěti jazycích přes Polylang, obsah spravují výzkumníci přes ACF. Ve výrobě teď vzniká interaktivní Just Mobility Toolkit — prezentace nástrojů, které jsou výstupem výzkumu. Vibecodovaný prototyp běží na Lovable, vizuálně ladím podle grafiky projektu (toolkit-design).

Rozsah prací:

  • komunikace s klientem
  • návrh informační architektury
  • custom WordPress téma a šablony
  • ACF integrace a vícejazyčnost (Polylang)
  • prototyp toolkitu (Lovable / AI-first vývoj)

Technické řešení: WordPress, PHP + JS, ACF, Polylang, SCSS

Dodavatel: CELSI

ecomobility-transition.celsi.sk
ONN Architects 2024

Animace a typografický vtípek vycházející z loga

Screenshot: ONN Architects

Pro architektonické studio ONN Architects jsem vytvořil dynamický web s důrazem na typografii a animace odvozené z jejich loga. Web prezentuje práci studia formou případových studií. Na projektu jsem spolupracoval s grafickou designérkou Annou Leschinger, která dodala vizuální identitu. Technicky jde o staticky generovaný web postavený na upravené verzi Bootstrapu s vlastními animacemi a videi na pozadí.

Rozsah prací:

  • frontend šablony (HTML, CSS, JS)
  • komunikace s klientem a grafickou designérkou

Technické řešení: Staticky generovaný web postavený na přestylovaném Bootstrapu

Design: Anna Leschinger

Dodavatel: AutomationLabs

onn.archi
Nanoarchitekti 2024

Redesign a převedení webu do WordPressu

Screenshot: Nanoarchitekti

Pro menší architektonické studio Nanoarchitekti jsem ve spolupráci s klientem navrhl redesign jejich zastaralého statického webu. Cílem bylo modernizovat vizuální stránku a zároveň umožnit klientovi snadnou správu obsahu. Web jsem převedl do systému WordPress a vyvinul vlastní téma na míru. Zvláštní pozornost byla věnována implementaci galerie obrázků, která umožňuje pohodlné prohlížení fotografií projektů v plném rozlišení.

Rozsah prací:

  • komunikace s klientem
  • návrh a vizuální design
  • šablona
  • WordPress custom téma

Technické řešení: WordPress, html + css, PHP + js

nanoarchitekti.cz
Taran Decision Manager 2023 – 2024

Všechno mimo grid

Screenshot: Taran Decision Manager

Pro webovou aplikaci Taran Decision Manager jsem vytvořil precizní frontend s důrazem na detail, interaktivní prvky a komplexní vizuální provedení. Web kombinuje pixel-perfect implementaci s vícevrstvými pozadími, vlastním systémem akordeonů a sliderů. Klíčovou součástí zakázky bylo jejich přizpůsobení, a domyšlení logiky a chování tak, aby odpovídaly náročnému designovému zadání. Návrh jsem také adaptoval pro vybrané responsivní stavy, aby byl web plně funkční na různých zařízeních při zachování vizuální identity.

Rozsah prací:

  • komunikace s klientem a grafickým designerem
  • šablony

Technické řešení: Staticky generovaný web postavený na přestylovaném Bootstrapu

Design: Mira Szkandera

Dodavatel: AutomationLabs

tarandm.com
Senzor vzduchu 2024

Vlaštovka letící za čistším vzduchem

Screenshot: Senzor vzduchu

Pro neziskovou iniciativu Senzor vzduchu jsem vytvořil šablony pro web prezentující jejich projekt měření kvality ovzduší. Web vznikl v příjemné spolupráci s dobrovolníky z Česko Digital, kteří zajistili návrh webu, texty a design. Technicky je web postaven na WordPressu s vlastními šablonami využívajícími přestylovaný Bootstrap.

Rozsah prací:

  • komunikace s klientem a grafickými designery
  • šablony

Technické řešení: WP, šablony postavené na přestylovaném Bootstrapu

Design: Česko Digital

Dodavatel: AutomationLabs

senzorvzduchu.cz
Rezidence Lošany 2024

Od zadání ke spuštění za 7 dní

Screenshot: Rezidence Lošany

Klient potřeboval web pro svůj developerský projekt spustit co nejdříve, aby stihl jarní sezónu. Podklady měl připravené, a texty bylo potřeba přepsat a přestrukturovat. Nebyl čas připravit přesný grafický návrh. Jako vzor a referenční benchmark proto posloužily weby konkurence. Rovnou jsem začal kódovat, abychom měli, co nejdříve ucelenou představu o rozvržení i vizuálním stylu. První verzi webu jsme nasadili za týden, další týden jsme pak ladili za běhu detaily.

Rozsah prací:

  • komunikace s klientem
  • spolupráce na obsahu
  • návrh a vizuální design
  • frontend šablony (HTML, CSS, JS)

Technické řešení: Staticky generovaný jednostránkový web postavený na přestylovaném Bootstrapu v5.3.

rezidence-losany.cz
Architektura srdcem 2023 – 2024

Roční, citlivá spolupráce ve třech

Screenshot: Architektura srdcem

Redesign zastaralého a nevyhovujícího WordPress tématu.

Rozsah prací:

  • komunikace s klientem
  • spolupráce na vizuálním designu (designér Petr Hrůza)
  • WordPress šablony - úprava zakoupeného tématu

Technické řešení: html, css, PHP + js, WordPress

Design: Petr Hrůza

Dodavatel: zensys.cz

architekturasrdcem.cz
Nadační fond Simony Kijonkové 2022

Vysokoprofilový náročný klient

Screenshot: Nadační fond Simony Kijonkové

Dodavatelem webu pro Nadační fond byla agentura Picards, grafický návrh připravil jejich dvorní designer Martin Valas.

Rozsah prací:

  • šablony

Technické řešení: Staticky generovaný web postavený na přestylovaném Bootstrapu

Design: Martin Valas

Dodavatel: Picards

Církev bratrská na Praze 13 2021 – 2024

Moderní web pro moderní křesťanský sbor

Screenshot: Církev bratrská na Praze 13

Dodavatelem webu byla agentura Picards, vizuální design navrh Martin Valas.

Rozsah prací:

  • spolupráce na šablonách

Technické řešení: Staticky generované html šablony jako podklad pro implementaci WordPress šablon

Design: Martin Valas

Dodavatel: Picards

13ka.cz

+ desítky dalších webových aplikací a prezentací pro společnosti, služby, události a nebo produkty

Také chci web
Spolupráce

Několik samozřejmostí

na závěr pro plynulý start a úspěšnou spolupráci

  • Váš šablonovací jazyk

    Pokud je to pro vás důležité napíšu vám šablony v Latte, Twig, NJK, nebo Ruby Slim. Znám WordPress.

  • CSS a preprocesory

    Tvořím moderní a efektivní CSS s použitím preprocesorů Sass a SCSS. Zajistím tak konzistentní a snadno udržovatelný kód.

  • Interaktivita s JavaScriptem

    Pokud je potřeba doplnit interaktivní chování a dynamické prvky na vašich webových stránkách, rád váš web nebo aplikaci oživím.

  • Správa kódu s Gitem

    Pracuji s verzovacím systémem Git, abych zajistil bezpečnou správu kódu. Usnadňuje to spolupráci a udržuje projekt organizovaný.

  • Issue tracking

    Váš projekt, váš systém pro správu a řízení úkolů. Připojím se rád do vašeho způsobu komunikace a vedení projektu.

Doporučení

Slova klientů a spolupracovníků

„S Františkom sme spolupracovali na tvorbe webu medzinárodného výskumného projektu EcoMobility Transition. František nám pomohol web prehľadne štruktúrovať a veľmi efektívne zapracovať navrhnutú grafiku. František komunikuje efektívne, prehľadne a spolupráca s ním je naozaj radosť. Veľmi rýchlo chápe požiadavky klienta, a vie dať spätnú väzbu na to, čo je možné a čo už nie, alebo ako informácie na webe štruktúrovať, aby zaujali. Veľmi si jeho prístup vážime a tešíme sa na ďalšiu spoluprácu.“

Monika Martišková, PhD. - foto

Monika Martišková, PhD.
senior researcher
Central European Labour Studies Institute (CELSI)
celsi.sk

„Setkal jsem se s problematickými a nespolehlivými kodéry. S Františkem je spolupráce skvělá a jsem za to moc rád, že jsme se potkali. Za prvé je týmový hráč a za druhé je přirozeně aktivní, spolehlivý a precizní.
Františku, ještě jednou díky!“

Martin Kožnar - foto

Martin Kožnar
architekt
jednatel Architektura srdcem s.r.o.
architekturasrdcem.cz

„S Františkem spolupracuji přes deset let, vytvořil pro nás několik webů, které úspěšně fungují dodnes. Velkou úlevou pro mě bylo komunikovat s někým, kdo dokáže srozumitelně formulovat možnosti stránky a flexibilně reagovat na různá přání a omezení. Velice důležité je pro mě, že i po několika letech můžeme společně upravovat funkce podle našich měnících se požadavků.“

Hynek Skoták - foto

Hynek Skoták
vizuální umělec, produkční
Káznice Studios
hynekskotak.com

„S Františkem pracuji jako junior již 3 roky. Co se týče frontendu, neznám nikoho, kdo by tomu rozuměl více než právě František. Dokáže vymyslet webovou stránku, aby vypadala dobře do posledního detailu za jakýchkoli okolností a s jakýmkoli zadáním. Svou práci dokáže i trpělivě vysvětlit a vždy si za den najde čas jak na svou práci, tak na pomoc juniorům. Díky Františkovi dokáži jako programátor vytvořit webovou stránku funkční, i dobře vypadající. Detaily nechávám ale i tak nakonec na Františkovi 🙂“

Adam Novák - foto

Adam Novák
full-stack developer
AutomationLabs
automationlabs.cz

František Huber - kodér

František Huber

kodér a nadšenec do AI, běžec, otec a aktivní občan

S čím vám pomůžu?

Kontakt:
Strašnice, Praha 10
+420 775 371 627
koder@frantisekhuber.cz

Jsem fyzická osoba podnikající dle živnostenského zákona nezapsaná v obchodním rejstříku, IČO: 88655695, č.ú.: 670100-2211187601 / 6210