Blijft Claude Code het volhouden? Een UI-ontwerper ontwikkelt zijn eigen gezondheidsapp nadat hij de algehele gezondheidsapp niet kon afmaken

Hallo! Ik ben Hashy, UI-ontwerper bij Liberogic.

Eerlijk gezegd: kent u dit stilzwijgende probleem ook? Die gewoonteapps die je niet kunt volhouden, ondanks je vastberadenheid: "Goed, vanaf vandaag ga ik ermee aan de slag!" en de installatie.

Ik ben goed in het beginnen, maar ik heb het nooit volgehouden.

Er zijn veel uitstekende en mooie apps in de wereld.

In het begin registreer ik alles nauwkeurig elke dag. Maar als het werk druk is of ik uit ben met collega's, verlies ik mijn oplopende streak op een dag, en dan verdwijnt mijn motivatie helemaal...

De herinneringswaarschuwingen waar ik eerst zo op lette, worden ongemerkt alleen maar lawaai, en die apps worden langzaam fossiel in de hoek van mijn scherm.

Dat moment waarin het "eh, laat ook maar" gevoel me overvalt. Ik ben vast niet de enige die dit heeft meegemaakt.

Is er iemand die mijn leven van drie-daagse hypes kan redden? (Nee)

Wat me nog meer plaagde, was de "app-fragmentatie".

Heen en weer springen tussen apps voor gewoontetracking, medicijncalender, huishoudboekje... voor elk onderdeel een ander app, wat het allemaal nog vervelender maakt. En dan heb je ook nog die vele betaalde abonnementen, waardoor het beheer rommelig wordt en je vergeet op te zeggen. Dat is contraproductief.

Toen barstte het wonderlijke idee van de designer los. "Waarom zou ik niet gewoon mijn eigen app maken, gevuld met alleen de functies die ik nodig heb, speciaal voor mezelf?"

Zo begon de ontwikkeling van mijn "Mijn Eigen Gewoontevorming Cockpit", speciaal afgestemd op mijn leven, in samenwerking met AI (Claude Code)!

In ieder geval zou AI me de optimale oplossing moeten kunnen geven

1. 【Functieintroductie】 Mijn "luiheid" omarmen met het systeem – een voorzichtig ontworpen functie die "uitstellen" systematiseert

Laat me nu vertellen welke functies ik werkelijk heb geïmplementeerd.

Ik nam het beste van bestaande apps en creëerde een ultiem "dashboard" speciaal afgestemd op mijn leven.

Om alle benodigde apps in één samen te voegen, begon ik eerst met het maken van een gewoontevorming-app.

Omdat ik 's ochtends en 's avonds anders wil werken, heb ik zowel lichtmodus als donkermodus beschikbaar.

🌱 Startscherm

Het startscherm toont het invoerscherm voor gewoonten die je wilt aanhouden – je kunt zelf invullen en voortgang boeken.

Als je omlaag scolt, vind je onderaan een link met de tekst 'Antwoorden geven en een gewoonte vormen'. Als je daarop klikt, beantwoord je enkele vragen en krijg je aanbevelingen voor gewoontes die bij jou passen.

Het eerste scherm bevat een gewoonte-diagnosestool.

Ook op het eerste scherm heb ik een gewoonte-navigator gemaakt voor gebruikers die niet weten welke gewoonte ze willen opbouwen. Door simpelweg de vragen te beantwoorden, kun je een gewoonte kiezen die bij jou past.

🌱 Gewoonte-tracker: voorbij het alles-of-niets denken

Om een gewoonte in te voeren is het belangrijk dat je met kleine stappen vooruitgang boekt en consequent blijft, ook al gaat het langzaam.

Ik heb een app voor gewoonte-vorming gemaakt met een 5-staps beoordelingsfunctie. De apps die ik eerder gebruikte, beperkten je tot twee opties: 'gedaan' of 'niet gedaan'. In deze app kleurt de kalender echter ook op dagen waarop je alleen maar 'een klein beetje je best deed' (niveau 1), niet alleen op dagen waarop je perfect alles deed.

Voor sporten kun je bijvoorbeeld registreren: 'Niveau 1: op de weegschaal stappen' of 'Niveau 2: squats doen als je naar het toilet gaat', tot en met 'Niveau 5: 1 km in het zwembad zwemmen of 40 minuten kickboksen', afhankelijk van hoeveel moeite je die dag doet.

Dagen waarop je niet actief bent, blijven leeg op de kalender. Dankzij het 'luie-dag-belastingsysteem' (dat ik later uitleg) kun je zelfs op andere dagen herstellen, dus je voelt je niet schuldig als je een dag overslaat.

Je kunt gewoon de volgende dag opnieuw beginnen. Dankzij deze luchtige aanpak kan ik op zijn minst elke dag op de weegschaal staan!

De kalender kleurt stap voor stap groener door het gradiënteffect, zodat je de 'opbouw van kleur' visueel kunt genieten. Wanneer je naar één maand kijkt, zie je duidelijk hoeveel je hebt opgebouwd, wat je motivatie vergroot.

Zichtbaarheid met kalenderfunctie

Wanneer je naar de kalender-UI kijkt, verandert de kleur wanneer je een gewoonte daadwerkelijk hebt voltooid. De kleurintensiteit en -tint veranderen afhankelijk van je niveau, zodat je kunt zien hoeveel je je gewoonten hebt uitgevoerd. Dit helpt je gemotiveerd te blijven.

Functie voor het archiveren van gewoonten en het aanmaken van nieuwe gewoonten

Als een gewoonte eenmaal is ingeburgerd, kun je ook overgaan op andere gewoonten. Daarom hebben we zowel een functie voor het archiveren van gewoonten als voor het aanmaken van nieuwe gewoonten! Klik op de knop 'Gewoonte voltooid' om een nieuwe gewoonte toe te voegen.

🏛️ Luiheidsbelasting: schuld omzetten in spaargeld

Dit is nog een functie die aan de gewoontetracker van hierboven is gekoppeld!

Op dagen dat je niet volhoudt, betaal je jezelf een 'belasting' (standaard 300 yen).

Laten we eerlijk zijn: iedereen heeft momenten waarop hij of zij simpelweg niet volhoudt.

Daarom is een strafmaatregel nodig om jezelf in toom te houden, maar een gewone boete kan afschrikwekkend werken.

Weet je waarom sommige mensen hun gewicht niet kunnen controleren? Omdat ze kiezen voor wat gemakkelijker is en luieren, hun dopamine vullen via voeding en afhankelijk raken van eenvoudige gelukshormonen. Daarom helpt het niet om straffen zwaarder te maken voor degenen die moeite hebben met gewoontevorming.

Ik dacht eigenlijk: 'Misschien zou ik geld moeten doneren voor de momenten dat ik luier', maar ik wist zeker dat ik de app helemaal niet meer zou openen als ik mezelf zo streng zou aanpakken (lach).

Ik heb besloten om de sloefferingsbelasting naar "storting op mijn indexbeleggingsrekening" te laten gaan.

Dus het is een boete, maar geen boete. Een boete voor jezelf.

Ik heb zelfs de schuldgevoelens over mijn luiheid omgezet in een investering in mijn toekomst.

Bovendien hebben we een "belastingverlaging" ingevoerd die afhangt van de maandelijkse behaalde doelstelling.

• 90% of doelstelling bereikt of hoger = 50% belastingvrijstelling
• 80% of meer geeft 25% belastingverlichting

hebben we in ons model opgenomen.

Op het scherm verschijnt "Nog 1% tot 25% korting!" waardoor je denkt "vandaag hou ik vol met Lv2" en wordt je op een vreemde manier gemotiveerd.

De grootste vijand van gewoontevormig is "het moment waarop je één dag overslaat en je streep verbreekt, waardoor je alles wilt opgeven."

Maar dankzij dit belastingverlageringssysteem kun je jezelf tegenhouden en denken: 'Ik heb vandaag gespijbeld, maar ik heb nog steeds een kans op belastingverlaging!'

Met een ontwerp dat je niet bij de eerste tegenslag opgeeft en dat zich volledig aanpast aan je slordige natur.

✨ Huidverzorgingtracker en 💊 geneesmiddelenbeheer: nul app-hoppen

✨ Een huidverzorgingscontroletool die ik wilde hebben

Het beheren van gewoonten, medicijnen en huishoudbudgetten in aparte apps was voor slordig ingestelde mensen een nachtmerrie van ergernis. Om dit 'app-hoppen' uit te bannen, hebben we dagelijkse verzorging en gezondheidsmanagement volledig in deze cockpit geïntegreerd.

Omdat ik de functionaliteit van een app voor gewoontevorming kon hergebruiken, was de implementatie eenvoudig.

🧴 Een 'huidverzorgingstracker' die ook slechte dagen toelaat

Huidverzorging is een echte gewoonte. Met vijf stappen die vragen 'Hoever ben je gekomen?' als je het scherm opent.

Na een vermoeiende dag kan 'Lv1: alleen gezicht wassen (met water of gezichtsreiniger)' volstaan. Met wat meer energie kun je 'Lv2: minimale verzorging (wassen + toner)', 'Lv3: basiszorg (+ vochtinbrengend)' of op speciale dagen 'Lv4: zorgvuldige verzorging' met serums doen — je kunt registreren op basis van je energie die dag.

Je kunt de namen van elke stap en de verzorgingsstappen (beschrijvingen) naar je voorkeur aanpassen via 'Stap-instellingen'. Aan de bovenkant van het scherm zie je statistieken als 'gemiddelde Lv deze maand' en 'aantal opeenvolgende dagen op Lv3+', waardoor je jezelf kunt motiveren met gedachten als 'Ik ben recent vermoeid geweest en alleen Lv1 gedaan, dus vandaag ga ik voor Lv3' — zonder jezelf te overbelasten.

💊 Medicijnbeheer dat jou volledig ondersteunt

En persoonlijk is medicijnbeheer het meest frustrerend om vol te houden.

In deze app kun je niet alleen de medicijnnaam invoeren, maar ook veel gedetailleerder en flexibeler registreren: het innamemoment (ochtend, middag, avond), instructies (voor maaltijd, na maaltijd, willekeurig), het aantal tabletten per moment, en zelfs complexe frequentiepatronen (dagelijks, om de dag, op bepaalde dagen van de week).

Wanneer je medicijnen niet hebt genomen, verschijnt bovenaan het scherm een opvallende rode waarschuwing: '⚠️ Je hebt medicijnen gemist. Controleer dit.' Zo houdt de app je scherp.

Onderaan het scherm zie je harde cijfers zoals je 'medicijnnalevingspercentage deze maand' en 'aantal keren gemist' (in de teststatus toonde ik eerlijk mijn 5% nalevingspercentage, helaas… 😄).

Maar maak je geen zorgen.

Zelfs als je een dag hebt gemist, kun je via de kalender terugkijken en het later aanvullen — het 'achteraf mag ook'-ontwerp zorgt ervoor dat je niet in perfectionism vervalt en je eigen tempo kunt aanhouden.

Naarmate je ouder wordt, neem je meer medicijnen, dus deze functie is erg handig. Bij bezoeken aan de arts kun je ook informatie over eerder gebruikte medicijnen delen — heel fijn omdat ik mijn medicijnboekje altijd vergeet.

🍺 Uitgaventracking: een geweldige functie die gezondheid en besparing aanmoedigt

En persoonlijk is deze 'uitgaventracking'-functie diegene die mijn leven het meest heeft veranderd.

Het gaat niet alleen om het bijhouden van drankgebruik, maar ook om het beheren van een maandelijks limiet voor drankuitgaven (bijvoorbeeld 'maximaal 4 keer per maand') en budget, terwijl kleine dagelijkse inspanningen worden omgezet in visuele beloningen.

🍵 Met één tik sparen op drank! 「Drankbesparingsrekening」

In het dagelijks leven

als je besluit om thuis niet te drinken

tik je simpelweg op de startpagina de schakelaar 'Vandaag niet gedronken' in.

Onmiddellijk verschijnt er een groen vinkje in je kalender en wordt €5 toegevoegd aan je 'drankbesparingsrekening'.

Als je dagelijkse kleine inspanningen zich in geld opstapelen, krijg je tegen het einde van de maand een voldoend gevoel: 'Deze maand heb ik al €30 bespaard (6 dagen)!' en een dopaminerush.

Dit bespaard geld kun je investeren of sparen.

Door het bespaard geld uit je 'gewenste aankopen pot' te halen en het voordeel van minder drinken te ervaren, zal je waarschijnlijk gemotiveerder blijven om door te gaan met je drankbeperking.

🛡️ 「Voorkoming van dronkenschap-modus」 om jezelf in controle te houden tijdens drankuitgangen

De echte troef van deze app is de "modus tegen dronken blunders". Zet deze modus aan zodra het feestje begint. Dan verschijnt een aftelling naar je vooraf ingestelde "doeltijdstip voor thuiskomst" groot in het midden van het scherm. En wanneer je denkt "vandaag is het zo gezellig, laten we nog even doorgaan!", kun je flexibel extra tijd nemen met knoppen als "thuiskomstzeit wijzigen" of "🎉Tweede ronde zonder problemen!", wat erg netjes is ontworpen voor iemand als ik die niet zo goed plant.

Bovendien staan er op het scherm tellers voor "🍺Alcohol", "🥤Soft" en "💧Water" voor het aantal glazen. Het app bepaalt in real-time de drinktempo's, zoals "1 soft na elke 2 alcoholische drankjes", en de meter toont in groen "OK" wanneer je op schema zit. Zo kun je de kater van de volgende dag en het berouw "waarom heb ik zoveel gedronken..." drastisch verminderen.

📊 We hebben ook veel andere handige functies voor bijeenkomsten toegevoegd

Nadat het feestje voorbij is, kun je de naam van de bar (zoals "Torigizoku Shibuya Branch"), het werkelijke bedrag dat je hebt betaald, aantekeningen over wie er was, enzovoort invoeren. We hebben ook een functie toegevoegd die automatisch informatie invult wanneer je een Google Maps-URL invoegt. Omdat dit maar enkele keren per maand gebeurt, zei AI dat API-integratie geen kosten zou verursaken, dus hebben we het geïmplementeerd.

Ook voegen we een notitiefunctie toe, omdat je de afrekening tijdens een feestje gemakkelijk kunt vergeten.

Het helpt echt met wie wat heeft betaald, en dat is erg handig.

In het maandelijkse "Maandrapport" aan het einde van de maand worden de "drinkbesparingen" van de dagen waarop je niet hebt gedronken, en het verschil tussen je feestbudget en wat je werkelijk hebt uitgegeven (hoeveel je hebt bespaard op feestjes) samengevoegd tot een "totale besparing" en trots weergegeven. Bijvoorbeeld, "dit maand heb ik 9.000 yen bespaard!" is meteen duidelijk, dus je kunt ervan gaan dromen "met dit geld kan ik dat gadget kopen waar ik altijd van droomde", wat mijn favoriete functie is omdat je zowel gezondheid als geld ervan krijgt.

2. Na de ontwikkeling: Claude was voor de designer de ultieme "vertaalmachine"

Zo heb ik dit app gemaakt waar al mijn luiheid en eigenwijsheid in zit, en ik kon zo ver komen zonder ontwikkelingservaring, helemaal dankzij mijn maat Claude.

Engineers zouden me misschien kwaad aankijken en zeggen "ben je gek?", maar dit keer hebben we alles HTML, CSS en JavaScript in één index.html bestand gestopt — een super directe single-file aanpak. Maar voor ons (mij en Claude) was dit precies goed.

Wanneer een bestand in meerdere delen is opgesplitst, is het al lastig om uit te leggen "welk bestand en waar moet ik dit aanpassen", maar met één bestand kan ik eenvoudig de hele code in de chat gooien en begrijpt Claude alles onmiddellijk.

Claude vertaalt mijn abstracte beeld van "ik wil dit gedrag realiseren" naar prachtig code. Soms veroorzaakten fouten met sluitingtags of de laadvolgorde van JavaScript dat de hele app crashte en zaten we 's nachts samen foutmeldingen na te jagen, maar zelfs dat voelde als een buddy-film – het was gewoon leuk (lacht).

Bij integraties met GitHub en Cloudflare legt Claude me in het chatgesprek uit hoe ik accounts moet registreren en plaatst direct links naar officiële sites, dus door met AI te chatten kon ik alles heel snel koppelen.

3. De volgende grote uitdaging: ontwerp en veiligheid

Met Claudes hulp heb ik het ultieme speeltje (app) in handen gekregen – volledig gevuld met hoe ik me het voorstelde in uiterlijk en gedrag.

……maar hier doet zich een nieuw probleem voor.

Terwijl ik deze cockpit elke dag gebruikte, kwam ik ineens tot mezelf. "Wacht, deze app bevat mijn echte gezondheidsgegevens, dagelijks medicijngebruik, recente huishoudboekje en mijn verzuimgeschiedenis – dus kwetsbare privé-informatie zit hier volledig blootgesteld."

Momenteel beveilig ik het scherm voor de zekerheid met een eenvoudige PIN-code, maar eerlijk gezegd ben ik volledig onervaren met veiligheid. De huidige staat, gemaakt met alleen mijn kennis en die van AI, bezorgt me enige ongerustheid als het gaat om het opslaan van kostbare gegevens.

Juist omdat ik als ontwerper "aangename ervaringen" creëer, zou die andere kant – "absoluut geen gegevenslek en niet aan te vallen" – ook een belangrijk onderdeel van die veiligheid en vertrouwen moeten zijn.

"Eigenlijk wil ik Face ID op mijn smartphone of de nieuwste Passkeys gebruiken, zodat ik het veilig en smart alleen kan openen!"

Ik had dat idee, maar beveiliging is geen eenvoudig onderwerp – het is een uiterst gespecialiseerd vakgebied.

Dit gaat mijn capaciteiten te boven...

Ik wil hierover voorzichtig stap voor stap met een engineer bespreken.

Op termijn wil ik ook een budgetbeheertool toevoegen waarmee je creditcardhistorie automatisch kan uploaden en registreren, maar vanwege beveiligingskwesties stel ik dat voorlopig uit.

Samenvatting

De gereedschappen zijn klaar. Nu wil ik 'veiligheid' creëren!

Een idee waar ik lang mee rondliep maar nooit aan begon – omdat ik 'geen ontwikkelings­kennis heb' – kwam dankzij AI als mijn perfecte partner eindelijk tot leven en veranderde mijn dagelijks leven echt. Ik hou op mezelf af te rekenen op mijn onvolkomenheden. Met een kleine 'luiheids­belasting' kan ik het telkens opnieuw proberen. Dankzij dit voorzichtige systeem ben ik van een meester in zeven-daagse hobby's veranderd in iemand die nu dagelijks met plezier gewoontes aanleert.

Maar hoe handiger het wordt, des te groter de verantwoordelijkheid om het te beschermen.

Niet in dit artikel vermeld, maar ik voeg geleidelijk notificatie- en budgetbeheerfuncties toe.

Budgetbeheer vereist voorzichtigheid vanuit beveiligingsoogpunt, dus ik werk dat nog in mijn ontwikkelings­omgeving uit.

Dus zorg dat je de volgende update niet mist!