Casper Klenz-Kitenge

@cabgfx.com

921 Followers 1630 Following

Move slow and fix things · Original Hertug™ · Nice on the mic · He/Him · ©ASpEr wAs hERe 👋 cabgfx.com/about 🎙️ cab.dk

Screenshot of iOS’ Dictionary overlay, showing the result of ‘Look up’, from within the context menu, made available by my having highlighted the word ‘conviviality’. Definition: “the quality of being friendly and lively; friendliness”, according to Oxford Dictionary of English.
screenshot from Google’s Gemini AI Studio, in which my prompt is partially visible, the final line highlighted (by me): “(…). Use your tools, take your time and do not forget; this is your rep and livelihood on the line here, nothing less. Chop chop, little robot.” +++ Fuck them robots and their tech overlords iswhatimsayin
Screenshot of the linked post, on iPhone safari. No spoilers ‘round here, juss click the effing link yo
Screenshot of Bluesky iOS app’s UI for adding muted words and tags, in which I’m adding ‘diarrhea’ to be muted for 7 days 😒😅
A retro promotional image shows a young person seated at a beige CRT computer wearing a bulky black virtual reality headset. Their right hand grips a joystick while the left rests near a beige keyboard, suggesting they are navigating a virtual environment. Floating in front of the glowing monitor are brightly lit 3D geometric objects—a blue cube, an orange rectangular prism, a gold cone, a gray cylinder, and a green-and-white pencil—appearing to hover in midair as if emerging from the screen. The subject wears a dark satin-like jacket, and their blond hair catches the dramatic studio lighting. A dark blue-to-black background and high-contrast lighting emphasize the futuristic mood. The image has the stylized, optimistic aesthetic of late-1980s or early-1990s marketing for early VR technology, imagining immersive 3D computing as the future.
Don’t make something unless it is both necessary and useful; but if it is both necessary and useful, don’t hesitate to make it beautiful. —The Shaker Design Philosophy The link in the post has the deep dive, over on my blog.
GitHub split diff of a Ruby model file (`app/models/core/user.rb`) that feels extremely Rails-brained in the best way. The old code on the left deletes a chunk of imperative signup logic; the new code on the right replaces it with a cleaner form-object setup inside the model namespace. Near the top, a custom email validation regex is added, with a comment explaining it extends Ruby’s RFC-style mail regex to require a TLD. Below that, two nested classes appear: `Signup < FormModel` and `Signin < FormModel`. `Signup` adds `attr_accessor :name`, validates presence of `name`, validates password length against `Core::User.min_password_length..Core::User.max_password_length`, defines `ok?` as `valid? && user.persisted?`, and memoizes a `user` method that calls `Core::User.create(name:, email:, password:)`. `Signin` mirrors the same pattern: `ok?` returns `valid? && user.authenticated?`, and `user` memoizes `Core::User.authenticate(email:, password:)`. The whole screenshot is dark-mode GitHub PR UI: red deletions on the left, green additions on the right, with the new code reading like peak Ruby/Rails ergonomics — tiny methods, validations as declarations, and business logic condensed into a couple of elegant form objects.
A screenshot of a Spotify mobile app screen with a light pink background, accessed after clicking a high-pressure "Last chance! Give Premium FREE" overlay. The large bold header reads: "Give 3 months of Premium for free". Below it, text states: "Your special link is ready. Share it with friends who haven't tried Premium before, and they get 3 months free." Beneath this is a dashed-border text box containing a referral URL: "https://open.spotify.com/referral/003...". Crucially, the end of the URL and the right side of the text box are intentionally faded out with a gradient effect—a deceptive UX tactic designed to entice the user into interacting. Below the link is an empty, unchecked checkbox next to a block of text: "You need your friends’ consent to send this link. Check the box to agree to send the link (1) only to friends who've consented to receive it; (2) to the same friend only once." A solid black, rounded button labeled "Share link" sits below the checkbox. At the bottom, in much smaller, easily skimmable fine print, a disclaimer reads: "This offer is only for users who haven’t tried Premium before; monthly subscription fees apply after. Your referral link expires if you cancel your subscription. Terms apply." The design relies on dark patterns: promising a "free" gift to the user, but revealing upon arrival that it is actually an unrewarded referral scheme that offloads legal liability for spam onto the user via a mandatory consent checkbox.
maestro in the studio, as seen from the back, on his chair, recording a guitar cut
Web standards become a way for big players to keep out smaller competitors The web is a level playing field. The web is open. The web is for everyone. It's an idea we want to be true. But with the above APIs, the web is not a level playing field. Big players have the resources to build and maintain the services these APIs depend on. They can afford to offer them for free to their users because they have other ways of monetizing them (ads, ecosystem lock-in, data collection).
The Meaning of Life is to Find Your Gift. The Purpose of Life is to Give It Away
A high-angle, close-up shot focuses on a pair of hands resting on a light-colored wooden surface. The fingers are curled into loose fists, showcasing black ink tattoos on the proximal phalanges (the space between the knuckle and the first joint). ### Key Details: * **The Left Hand:** Features four capital letters, one per finger, spelling out **"MAGI"** (starting from the pinky and ending at the index finger). * **The Right Hand:** Features four capital letters, one per finger, spelling out **"RUIN"** (starting from the index finger and ending at the pinky). * **Typography:** The tattoos are rendered in a clean, minimalist, sans-serif font with thin lines. * **Composition:** The knuckles of both index fingers meet in the center, causing the full phrase to read as **"MAGI RUIN"** across the hands. * **Background:** Below the hands, a dark, matte surface with large, partially visible grey lettering is visible, contrasting with the warm grain of the wooden table above.
cropped corner shot of the studio, mostly showing a large monitor and the transport (workspace) of Logic Pro on macOS
A screenshot of a mobile webpage from terrygodier.com with a dark, minimalist design. In the center, a 2x2 grid of four simple line-art icons is displayed. Each icon is contained within a dark square with a small orange-red dot in its top-right corner. The icons are labeled: * TOASTER: A simple depiction of a toaster. * LAMP: A minimalist desk lamp. * RECORD PLAYER: A top-down view of a turntable. * WATCH: A vertical rectangle representing a smartwatch. Below the icons, a paragraph of text reads: "Your thermostat has opinions now. Your television requires a login. Your car updates itself overnight, and sometimes when you start it in the morning, the interface has rearranged itself, as if someone broke in and reorganized your dashboard while you slept." The top of the screen shows standard mobile status bar information (time 17:44, 5G signal, 82% battery) and the website URL. The bottom features typical browser navigation icons like a back arrow, share button, and refresh button. At the very top, some faded, partially cut-off text is visible.
Screenshot of the Reddit app in dark mode showing a feed with three posts and a hidden ad separator. Top visible post: from r/ClaudeCode, posted 4h ago, title says “Claude needs to go back up. I literally dont know how to do my job without it.” Preview text says the author is updating a big Python application, Claude went down mid-task, and they don’t know how to continue without it. Post shows 20 upvotes and 96 comments. Below that is a divider reading “Ad hidden.” Second visible post: from r/nostalgia, posted 13h ago, title asks: “What’s a small everyday inconvenience from the past that younger people would probably find unbearable today?” It shows 349 upvotes and 922 comments. Third visible post: from r/AskReddit, posted 23h ago, title asks: “Sober people (no alcohol, nicotine, drugs, etc ever), what is your end of day or weekend ‘wind-down’?” It shows 3,776 upvotes and 2,870 comments. The top of a fourth post from r/Damnthatsinteresting is barely visible at the bottom. Each post includes standard Reddit icons for awards, sharing, and menu options.
A hand holds two hardcover books in front of a desk setup. The front book is bright yellow and titled “HELL YEAH OR NO: what’s worth doing.” Behind it is a dark blue book titled “YOUR MUSIC AND PEOPLE: creative and considerate fame.” In the background, part of a white keyboard, a monitor, and a small stack of books are visible beside a warm desk lamp, creating a cozy workspace atmosphere. 📚💡
Brand moodboard outtake, a central line drawing set across a variety of takes on form and colors. Vibessszzzzz ¯\_(ツ)_/¯
Overhead view of a parent and child seated side-by-side at fold-down tray tables on a public train. The child is drawing on a sheet of paper, while the parent sketches a simple diagram in a notebook with a red pen. On the small tables are papers, a notebook, a pen, and a small green spiky toy. A boxed Logitech Spotlight Presentation Remote rests beside the notebook. The gray train seats and narrow tables frame the quiet scene of shared drawing during the journey.
Screenshot of linked article, in which the following is highlighted for emphasis: “Jokes aside, it seems like a bad practice to start threatening AI models in order to get them to do something.”
zoomed-out vertical snapshot from the homestudio at my mans place, as seen from my vantage point stading up, right behind him sitting in his chair, only his back (partially) visible. The full frame of the photo is aimed towards the leftmost corner, a brownish rug is laid on the floor and on it, a stand with a studio microphone is seen, mounted with a curved, cushioned panel behind the mic, so as to establish a half-circle sonic isolation. To the back, a giant monitor is seen with various various windows visible, notably Logic Pro. The desk it stands on is barely visible, covered in part by my man sitting in front, and in part because of numerous beer cans. Also, a guitar and a bass can be seen in the back, and the vibe is clearly vibing yo.
Lower portion of the original packaging for the “Pencil” stylus by FiftyThree, showing a tall, matte off-white cardboard tube with the word “PENCIL” embossed vertically in subtle grey. The base of the tube is dipped in translucent resin tinted deep red, with darker pigment pooled unevenly at the very bottom, evoking the look of a freshly dipped writing instrument or sealing wax. The minimal, tactile design reflects FiftyThree’s design ethos—blending digital tools with the warmth and material cues of traditional art supplies, echoing the company’s Paper app and the stylus’s signature walnut-and-graphite-inspired aesthetic.
screenshot of my, just-revised, page heading + lead-in paragraph for the portfolio page on my personal website: “©ASpEr wAs hERe Me make machine. Machine on screen. Human save time, make money, have fun. NOICE. 20 years, 6 × founder, 8 figures, 2 exits, 10k hours, ∞ lessons. Designer at heart, still nice on the mic.” See the linked post below for added context on how I arrived at this BS. *stomps feet*
Screenshot of a screenshot of a recent tweet from Boris Cherny. The tweet reads: “13/ A final tip: probably the most important thing to get great results out of Claude Code -- give Claude a way to verify its work. If Claude has that feedback loop, it will 2-3x the quality of the final result. Claude tests every single change | land to claude.ai/code using the Claude Chrome extension. It opens a browser, tests the Ul, and iterates until the code works and the UX feels good. Verification looks different for each domain. It might be as simple as running a bash command, or running a test suite, or testing the app in a browser or phone simulator. Make sure to invest in making this rock-solid.”
Me not rly being able to steady my iPhone cam, panning up from my right thigh, onto these other motherfuckers in the studio with me. They’re recording, as heard from the soundbytes in this video. Yolo
A screenshot of a second macOS system permission dialog box in dark mode. At the top is a blue icon with a white globe, featuring a small white hand-shaped privacy symbol in its bottom-right corner. The bold title reads: “Allow ‘Spotify’ to find devices on local networks?” The descriptive text below says: “This lets you listen on different devices. Spotify will also get access to local audio files.” At the bottom are two buttons labeled “Don’t Allow” and “Allow.” This second request for such broad network and file access is just icing on the cake here, I mean — c'mon!!
A screenshot of a macOS system authentication dialog box in dark mode, which is the subject of the post’s criticism. At the top is a graphic of a large golden padlock with a small, circular green Spotify logo overlaid on its bottom-right corner. The bold header reads "Spotify," followed by the instructional text: "Spotify needs your permission to install an update. Enter your password to allow this." Below the text are two input fields: the first is a greyed-out username field containing the name "Casper Klenz-Kitenge," and the second is an empty "Password" field. At the bottom of the window are two rounded buttons labeled "Cancel" and "OK." The dialog represents a request for administrative-level system permissions to perform a routine software update, the details of which are completely opaque to me, the user.
Picture of ‘Rarity’, the purple one, from the My Little Pony: Equestrian Girls show (spin-off?) Big, voluminous hair do, purple ofc, lavender skirt, leaning pose, one hand on hip, one hand down the side; all sass 💅🦄
Screenshot from my newsletter sign-up page, as seen on my phone, ie. in a single-column layout, leading with the main heading, ‘Newsletter’, followed by an introductory paragraph: “Notes on life at the intersection of people, products and process.” Then, the post image takes up the full width, in a near-square format, in which a simple envelope graphic is seen, flap open, with a big white checkmark floating on top of the visible insides of the envelope, in a deep, saturated duotone of hot pink/purple. Finally, the main text is seen, composed of two paragraphs: “My newsletter is about Big Ideas, useful tools, clever techniques, efficient hacks, the occasional in-depth case study or body of research, and just general work-in-progress that I think could be of interest to you. And of course a nice, fat bundle of great links and things to read.”
Bear with me, as I take a moment to hear from our sponsors, nay — briefly succumb to my amygdala: Choices & trade-offs, atp: (…as opposed to, y’know, maybe just picking one and get on with it, ed.) - Make & Model — should I go with OpenCode? Run models inside of Cursor? Hell, even commit and fully return to VS Code? Maybe I simply rawdog each CLI separately? - Subscription Plan — (whooo, OpenCode appears to come loaded with free stuff 🤔) - Codex? gpt-5.2? Opus? Sonnet? Planning? Build mode? Sub-agents? - … - sixhourslater.jpeg
Screenshot from my iOS browser showing the two closing paragraphs of the linked article, both highlighted, reading: “If you’re a developer who hasn’t tried Claude Code yet, you’re working with one hand tied behind your back. The productivity multiplier is real. The creative leverage is real. The ability to turn ideas into working systems in days instead of months is real. But bring your discipline with you. Bring your tests. Bring your judgment. The AI provides velocity. You provide direction. Together, you build things that neither could build alone.” </sensei>
square album cover showing a black line-drawing, doodle-type thing. Resembles a hand and arm, out of a circle. Below, the brand name, ARMOD.
Partial screenshot from my linked blog post, in which the following passage is presented as a blockquote, here with a handwriting-y typeface, with colorized emphasis on words [demarcated]: “AI coding agents are redefining the craft of building software. [Good?] [Bad?] idk. Fundamentally and forever changed? You bet.”
Wide-angle view of a creative studio workspace with an industrial ceiling, exposed cable trays, and track lighting. In the foreground, a cluttered desk holds scattered papers filled with handwritten diagrams, arrows, and notes, along with a pair of scissors, a mug, and a microphone arm extending into the frame from the left. A laptop screen edge is visible on the far left. In the background, an 86-inch flat-screen TV sits on a yellow metal stand, displaying a Figma canvas with multiple white frames and sticky-note–like elements spread loosely across a dark background, suggesting an unstructured or exploratory design process. Beneath the screen are books, game cases, speakers, and a printer, with framed posters and artwork leaning against the wall. The overall scene conveys a chaotic, hands-on design and ideation environment, emphasizing scale, messiness, and the overwhelming overview provided by a very large Figma canvas.
Partial screenshot of ChatGPT on iOS, showing my follow-up response, rather out of context, to the AI, which reads: “NO YOU BLABBERING IDIOT - THE CHINESE ASTROLOGY PART. you did really good in your last revision of process. So I will allow you this one mistake. Back to basics: My initial prompt was fine, and your final 8-point revision is near-perfect. Combine the two and disregard the rest. Do better little robot, I’m getting really tired of you.” fuck them robots, yo
Image 1: The Songwriting Framework A diagram of an equilateral triangle with three pink labels at its vertices, establishing a framework for songwriting analysis. The top vertex is labeled CONTENT, the bottom-left is CHARACTER, and the bottom-right is COMPOSITION. Outside the triangle, grey sub-text provides further detail for each category in Danish and English: • Content: "Budskab & fortælling" (Message & storytelling), "Bars! ('punchlines')", and "'Sige-noget-sygt'" (Saying something sick/crazy). • Character: "Persona," "Stemme" (Voice), and "'Signature'". • Composition: "Flow & kadence," "👂 for beat," and "Arrangement, opbygning, harmoni" (Arrangement, structure, harmony).
partial screenshot of lower left corner of Cursor IDE on macOS, upon re-launch after applying latest updates. this overlay features a top masthead image, itself a screenshot of Cursor's new GUI for this new feature; 'Visual Editor for Cursor Browser’, as the heading reads. Below, a stack of 3 typical [ icon + text about benefit/whoozah ], neatly served like so: (1, icon depicts layout/structure) Design and code simultaneously Drag and drop elements, build layouts and grids, and rearrange elements in real time. (2, icon: paint bucket drip) Style with your design system Update colors, test across themes, and use full Chrome DevTools. (3, icon: magic wand + sparkle) Apply visual changes to code Click "Apply" and the agent will translate your design changes into code.
(see replies to post for alt text)
A close-up photo of a sketch-filled desk showing hand-drawn ideas and notes on a white sheet of paper. The main focus is a large, playful doodle of the words “Work : Worth,” with the “o” in “Worth” drawn as a red heart. Around the title are small diagrams, circles representing people, and brief handwritten notes about structure, agents, and app ideas. A black pen rests on the left side of the frame, and the overall scene feels creative, casual, and full of early-stage brainstorming energy.
Partial screenshot of iA Writer’s library, showing the standard iOS file browsing interface, here, a listing of folders in iCloud. Specifically, 4 folders are visible: ‘Edit’, ‘Read’, ‘Note’, and ‘Write’. These folders are not user-created, and are actually an ancient (in internet-years, anyway) remnant from the very first iteration(s) of Writer.app’s distinct workflow, on both iOS and macOS, in which certain features and UI changes, eg. screen modes, are bound to disparate ‘stages’ of the workflow prescribed by the app.
angled view of my cabinet, with the described lamp in focus: a circled frame holding a “bleached” faceplate, upon which a typographical flex is seen; ‘code’ in the upper half-circle, and ‘mode’ in the lower. man i wish everyone couldve just settled on one type of power fml
Here’s a revised alt text that centers that point clearly: Alt text: A spread of my first business card and its six variations, each printed with one of my favorite quotes. The cards are laid out on a light grey table in different colors—red, green, blue, black, orange, and white—with bold typography and short inspirational lines. A cream-colored box wrapped in a deep purple ribbon and wax seal sits in the upper right. A stacked bundle of extra cards lies to the left.
Screenshot of the text I sent in their feedback form, upon chat closed: The text reads: P E R F E C T: A) Easy for me to skip thru to an agent (one-off issue; domain grace + manual renewal, etc.) B) Swift response, easy comms., clear + concise instructions C) Quick and on-point for my single additional question. Thanks for getting the basics right, and leaving it at that. Less tech, more talk. Luya 👋
Screenshot of my /quotes list page, as seen from the top of the page, in the web view within Bsky iOS app. Topmost is my masthead; a faded John Handcock of mine; watermsrk type beat right beneath the site title(my proper name) and the site main menu. Then, the page heading (H1), or, rather, here: the category title (WordPress, dont get it twisted), aptly: ‘Useful Quotes That Stück with Me’ (yes, I do continue to lose sleep over that That vs. that with, fml) Finally, ending out this screenshot; two list items, ie. quotes. Click thru to catch em all yo
Screenshot of an excerpt from Jeremy Keith's blog post "Simplify." The section shown highlights a CSS challenge proposed by Ana Tudor. The text reads: "You have a section with a <p> on the left & an <img> on the right. How do you make the <img> height always be determined by the <p> with the tiniest bit of CSS? 😼 No changing the HTML structure in any way, no pseudos, no background declarations, no JS. Just a tiny bit of #CSS." Keith then introduces the solution: "Old me would’ve said it can’t be done. But with a little bit of investigating, I found a nice straightforward solution:" followed by a CSS code block: ``` section > img { contain: size; place-self: stretch; object-fit: cover; } ``` This snippet demonstrates modern CSS features for dynamic image sizing based on sibling elements, a theme consistent with the blog post's focus on simplifying complex layouts with new CSS capabilities.
A screenshot of an iOS home screen featuring a "Liquid Glass" design. App icons like Face ID, Reddit, Audible, and Books are rendered in a translucent, frosted teal-blue glass style against a soft purple and deep red gradient background. A prominent square widget in the center right, also in the teal-blue glass, asks "What's something meaningful to do today?" A circular profile picture, also in a glass-like render, is to its left. At the bottom, a dock with Phone, Messages, Clock, and App Library icons continues the translucent teal-blue glass theme. The time "18.21" and battery status are visible at the top.
Comparison of iA Presenter and Apple Keynote. Top row shows iA Presenter: simple black and white editor with script-first workflow, no design distractions, and neutral white default theme that can be adjusted later. Bottom row shows Keynote: interface for choosing colorful templates before writing content, described as backwards and distracting. Even the simplest Keynote template (black and white) often causes issues when switching themes, leading to broken layouts and wasted time fixing slides. The contrast highlights iA Presenter’s focus-first approach versus Keynote’s design-first setup.
Vertical zoomed-out view of massive crowd protesting the Danish government’s stance on Gaza / Palestine
A partial screenshot of the Basecamp project management application, showing the "Hill Chart Progress" screen. The main content area displays two versions of a Hill Chart, posted by a user. The top chart, labeled "TODAY," shows a curve shaped like a hill. The uphill slope on the left is titled "FIGURING THINGS OUT," and the downhill slope on the right is "MAKING IT HAPPEN." Several colored dots are placed along this curve, each representing a task. Their position indicates their current status in the project lifecycle, moving from the initial planning phase to active implementation. A button labeled "Update the Hill Chart" is visible at the top left.
Red skies over lowrises, tall vertical framing exhibits a beautiful gradient of sunrise and nimble clouds draped against the wide gamut of color in the sky
Don’t make something unless it is both necessary and useful; but if it is both necessary and useful, don’t hesitate to make it beautiful.
Screenshot from iOS settings > General > Keyboard > Text Replacement, in which a list is seen, showing (a tiny excerpt of) the many text ‘shortcuts’ to essentially ‘quick-fill’ (or, auto-complete) arbitrary, user-defined words, symbols and phrases; eg. <@c> expands to my full e-mail address.
Screenshot from HEY calendar on iOS, showing the main view: weeks as 7-column rows in a continuous vertical stack. Not quite a grid, like a typical month view, and yet this nuance is exactly where HEY exhibits its unique, and dare I say, innovative approach, and affordances: Each day can eg. be labeled, have a “cover” photo, events on the calendar can be circled, literally - like a pen circled the event “box”. And much more.
Alt text: Screenshot of Balsamiq Wireframes on macOS with the "View" menu open. The menu highlights the playful option "Play Background Music," showcasing Balsamiq’s unique and user-focused design approach. The workspace in the background displays a wireframe project in progress.
Screenshot of the Chat pane in Cursor.app on macOS. The user gives the AI assistant a mock-stern prompt, asking it to “check the pattern” and finish converting a list of Instagram handles into clickable links in HTML. The assistant responds by confirming the pattern—turning every @handle into a link to the corresponding Instagram profile—and shows an example. The conversation is about automating the process of linking Instagram usernames in an HTML snippet, which is partially shown and contains both already-linked and plain-text handles. The exchange humorously demonstrates how giving clear, pattern-based instructions in Cursor.app helps the AI understand and complete repetitive coding tasks more effectively.
Screenshot of the macOS 'Arrange Displays' settings window, showing three display rectangles arranged in a staggered layout. The central display is in grayscale, while the left and right displays show the default macOS wallpaper. Instructions at the top explain how to rearrange or mirror displays and move the menu bar.