Files
hoelee-blog/scripts/og-gen/prompts_catalog.json
T
hoelee a41448bb4a feat(og-gen): check in the v2 art pipeline and its batch renderer
The consultant-approved "one art, four targets" work existed only in the
working tree. Commit it so the 72-post rollout is reproducible from the repo
instead of from one session's scratch files.

- template-v2.html / v2.1 / v2.2: the iteration the consultant reviewed, plus
  the accepted frosted-bento layout (736x536 card, blueprint grid, full-width
  evidence bar, self-fitting headline script that reports "FIT <n>px").
- render_sample_suite{,_v2,_v3}.mjs + fit-title-probe.mjs: how the two sample
  posts were rendered for rounds 2-4 (kept for provenance).
- generate_prompts_catalog.py + prompts_catalog.json: the 72 per-post prompts
  and their visual metaphors, extracted from the posts themselves.
- render_from_art.mjs (new): the batch renderer. One zero-text base frame per
  post -> banner 1600x900 webp (+jpg fallback), social card 1200x630 (EN and
  zh-<slug>), thumbs 800x420 and 400x210. Cards are filled from frontmatter +
  art-meta.json; a missing evidence line or a headline that never settles is a
  hard failure, never a silently-degraded card.
- art-meta.json: the per-slug input contract. Two slugs wired; 70 still need
  base art (GPU) and a hand-written evidence line.
- README: documents the pipeline, the measured format choice (558 KB PNG ->
  84 KB mozjpeg q85) and the PostList thumb-helper trap when ogImage moves to
  .jpg.

Proof the renderer reproduces the accepted output: re-rendering the two sample
posts yields banner + 800px thumb files BYTE-IDENTICAL to the consultant's
delivery (sha256 16e6a7b0, f3b29f38, c4e28291, 8095ec6c), and all four cards
report FIT, 2-3 title lines, 2 description lines, 0 overflow in x and y.
2026-10-18 16:32:58 +08:00

1008 lines
102 KiB
JSON

[
{
"slug": "adding-a-domain-to-someone-elses-mail-server",
"title": "Adding a Domain to Someone Else's Mail Server",
"category": "notes",
"tags": [
"email",
"dns",
"mailcow"
],
"accent": "warm amber-orange warning glow (#fbbf24)",
"unique_elements": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths",
"evidence_summary": "autonomous loop · constrained execution",
"prompt": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with warm amber-orange warning glow (#fbbf24) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "adding-english-mode-to-a-chinese-only-web-app",
"title": "No API for Browser Translation: Adding an English Mode to a Chinese-Only Web App",
"category": "engineering",
"tags": [
"i18n",
"nginx",
"vue"
],
"accent": "royal cobalt blue (#295cff) with crisp ice-white",
"unique_elements": "A minimalist diagnostic probe examining a micro-structural hardware flaw illuminated by a subtle amber pinpoint warning light",
"evidence_summary": "root-cause analysis · production evidence",
"prompt": "A minimalist diagnostic probe examining a micro-structural hardware flaw illuminated by a subtle amber pinpoint warning light, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with royal cobalt blue (#295cff) with crisp ice-white highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "ai-furniture-compositing-with-flux-kontext",
"title": "How I Built an AI Furniture Compositing Demo With FLUX.1 Kontext",
"category": "case-studies",
"tags": [
"fal-ai",
"flux",
"ai-image"
],
"accent": "emerald green (#4ade80) status nodes and gold telemetry",
"unique_elements": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths",
"evidence_summary": "autonomous loop · constrained execution",
"prompt": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with emerald green (#4ade80) status nodes and gold telemetry highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "authentik-css-greater-than-bug",
"title": "The Character That Silently Broke My authentik CSS",
"category": "devops",
"tags": [
"authentik",
"css",
"self-hosting"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters",
"evidence_summary": "production DevOps · verified metrics",
"prompt": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "authentik-forward-auth-gate-wasnt-live",
"title": "The Forward-Auth Gate That Verified Perfectly — and Wasn't Live",
"category": "devops",
"tags": [
"authentik",
"forward-auth",
"cloudflare"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters",
"evidence_summary": "production DevOps · verified metrics",
"prompt": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "authentik-major-upgrade-gotchas",
"title": "Authentik 2025.8 to 2026.8: The Breakable Parts Nobody Warns You About",
"category": "devops",
"tags": [
"authentik",
"sso",
"docker"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters",
"evidence_summary": "production DevOps · verified metrics",
"prompt": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "automating-cyberpanel-without-the-ui",
"title": "Automating CyberPanel Without the UI: Reverse-Engineering an Undocumented v2 API",
"category": "devops",
"tags": [
"cyberpanel",
"api",
"reverse-engineering"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters",
"evidence_summary": "production DevOps · verified metrics",
"prompt": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "best-ai-video-generators-2026",
"title": "Best AI Video Generators in 2026: Free vs Paid, and My LTX-2.3 Test",
"category": "ai",
"tags": [
"ai-video",
"video-generation",
"ltx"
],
"accent": "neon-cyan and electric violet-magenta",
"unique_elements": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths",
"evidence_summary": "autonomous loop · constrained execution",
"prompt": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with neon-cyan and electric violet-magenta highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "calibrating-intel-quick-sync-hevc-quality",
"title": "Calibrating Intel Quick Sync HEVC: A Cliff at 28, and a Preset That Does Nothing",
"category": "tutorials",
"tags": [
"ffmpeg",
"hevc",
"qsv"
],
"accent": "electric cyan and soft ultraviolet spectrum",
"unique_elements": "A 3D topographic luminous video waveform mountain dropping abruptly off a 90-degree vertical cliff edge marked at 28, flanked by two perfectly identical overlapping optical calibration prisms",
"evidence_summary": "ICQ 18-22 vs 28 cliff · QSV measured",
"prompt": "A 3D topographic luminous video waveform mountain dropping abruptly off a 90-degree vertical cliff edge marked at 28, flanked by two perfectly identical overlapping optical calibration prisms, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with electric cyan and soft ultraviolet spectrum highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "chainlink-vrf-v2-lottery-contract",
"title": "An Automated Lottery Contract on Chainlink VRF v2.5 and Automation",
"category": "web3",
"tags": [
"solidity",
"chainlink",
"vrf"
],
"accent": "translucent emerald (#10b981) and prism-split cyan",
"unique_elements": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths",
"evidence_summary": "autonomous loop · constrained execution",
"prompt": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with translucent emerald (#10b981) and prism-split cyan highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "docker-reported-exit-0-the-oom-killer-disagreed",
"title": "Docker Reported Exit 0. The Kernel Had Already OOM-Killed It.",
"category": "devops",
"tags": [
"docker",
"oom",
"traefik"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "A translucent glass server cube displaying a deceptive green heartbeat light, while a razor-sharp crimson kernel laser beam slices through its bottom core, scattering fractured memory crystals",
"evidence_summary": "exit 0 · dmesg: 6x cgroup OOM kills",
"prompt": "A translucent glass server cube displaying a deceptive green heartbeat light, while a razor-sharp crimson kernel laser beam slices through its bottom core, scattering fractured memory crystals, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "does-hevc-actually-shrink-your-files",
"title": "Does Re-encoding to HEVC Actually Shrink Your Files? I Measured It.",
"category": "tutorials",
"tags": [
"ffmpeg",
"hevc",
"x265"
],
"accent": "electric cyan and soft ultraviolet spectrum",
"unique_elements": "A cascading optical prism slicing raw video wavebands into ultra-compact high-efficiency spectral ribbons on a dark reflective surface",
"evidence_summary": "HEVC hardware pipeline · lossless fidelity",
"prompt": "A cascading optical prism slicing raw video wavebands into ultra-compact high-efficiency spectral ribbons on a dark reflective surface, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with electric cyan and soft ultraviolet spectrum highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "embedding-fonts-so-a-pdf-looks-the-same-everywhere",
"title": "Embedding Fonts So a PDF Looks the Same on Every Machine",
"category": "engineering",
"tags": [
"pdf",
"fonts",
"mpdf"
],
"accent": "royal cobalt blue (#295cff) with crisp ice-white",
"unique_elements": "A minimalist diagnostic probe examining a micro-structural hardware flaw illuminated by a subtle amber pinpoint warning light",
"evidence_summary": "root-cause analysis · production evidence",
"prompt": "A minimalist diagnostic probe examining a micro-structural hardware flaw illuminated by a subtle amber pinpoint warning light, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with royal cobalt blue (#295cff) with crisp ice-white highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "every-player-stuttered-the-file-was-fine",
"title": "Every Player Stuttered on the Same Video. The File Was Blameless.",
"category": "devops",
"tags": [
"ffmpeg",
"nvdec",
"hevc"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "A cascading optical prism slicing raw video wavebands into ultra-compact high-efficiency spectral ribbons on a dark reflective surface",
"evidence_summary": "HEVC hardware pipeline · lossless fidelity",
"prompt": "A cascading optical prism slicing raw video wavebands into ultra-compact high-efficiency spectral ribbons on a dark reflective surface, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "five-step-ai-roadmap-what-i-actually-run",
"title": "The Five-Step AI Roadmap Everyone Shares — and What I Actually Run in Production",
"category": "ai",
"tags": [
"llm",
"rag",
"agents"
],
"accent": "neon-cyan and electric violet-magenta",
"unique_elements": "A five-tier architectural staircase in dark graphite, with the middle tiers brightly illuminated with active hardware racks while speculative top tiers remain skeletal wireframes",
"evidence_summary": "whisper + mem0 in production · step 4 skipped",
"prompt": "A five-tier architectural staircase in dark graphite, with the middle tiers brightly illuminated with active hardware racks while speculative top tiers remain skeletal wireframes, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with neon-cyan and electric violet-magenta highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "fully-on-chain-svg-nfts",
"title": "Fully On-Chain SVG NFTs: Putting the Artwork Inside the Contract",
"category": "web3",
"tags": [
"solidity",
"foundry",
"erc721"
],
"accent": "translucent emerald (#10b981) and prism-split cyan",
"unique_elements": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths",
"evidence_summary": "autonomous loop · constrained execution",
"prompt": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with translucent emerald (#10b981) and prism-split cyan highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "hardening-a-tor-onion-service",
"title": "Hardening a Tor Onion Service: What Actually Matters",
"category": "devops",
"tags": [
"tor",
"docker",
"security"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters",
"evidence_summary": "production DevOps · verified metrics",
"prompt": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "hello-world",
"title": "Hello, World — About This Blog",
"category": "notes",
"tags": [
"intro"
],
"accent": "warm amber-orange warning glow (#fbbf24)",
"unique_elements": "A minimalist diagnostic probe examining a micro-structural hardware flaw illuminated by a subtle amber pinpoint warning light",
"evidence_summary": "root-cause analysis · production evidence",
"prompt": "A minimalist diagnostic probe examining a micro-structural hardware flaw illuminated by a subtle amber pinpoint warning light, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with warm amber-orange warning glow (#fbbf24) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "how-i-built-the-digikedai-telegram-bot",
"title": "How I Built the DigiKedai Telegram AI Bot",
"category": "case-studies",
"tags": [
"telegram",
"docker",
"cloudflare"
],
"accent": "emerald green (#4ade80) status nodes and gold telemetry",
"unique_elements": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths",
"evidence_summary": "autonomous loop · constrained execution",
"prompt": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with emerald green (#4ade80) status nodes and gold telemetry highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "how-i-host-this-blog",
"title": "How I Host This Blog: Astro, Gitea Actions, and Self-Hosted CI/CD",
"category": "case-studies",
"tags": [
"astro",
"gitea",
"ci-cd"
],
"accent": "emerald green (#4ade80) status nodes and gold telemetry",
"unique_elements": "An expansive architectural blueprint of enterprise private cloud nodes interconnected by luminous data pathways and telemetry readouts",
"evidence_summary": "enterprise delivery · real-world production",
"prompt": "An expansive architectural blueprint of enterprise private cloud nodes interconnected by luminous data pathways and telemetry readouts, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with emerald green (#4ade80) status nodes and gold telemetry highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "how-i-made-my-own-songs-with-suno-ai",
"title": "How I Made My Own Songs with Suno AI",
"category": "case-studies",
"tags": [
"suno",
"ai-music",
"music"
],
"accent": "emerald green (#4ade80) status nodes and gold telemetry",
"unique_elements": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths",
"evidence_summary": "autonomous loop · constrained execution",
"prompt": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with emerald green (#4ade80) status nodes and gold telemetry highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "how-i-vetted-20-vps-providers-with-parallel-subagents",
"title": "How I Vetted 20 VPS Providers in Three Hours with Parallel Subagents",
"category": "case-studies",
"tags": [
"ai-orchestration",
"subagents",
"due-diligence"
],
"accent": "emerald green (#4ade80) status nodes and gold telemetry",
"unique_elements": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths",
"evidence_summary": "autonomous loop · constrained execution",
"prompt": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with emerald green (#4ade80) status nodes and gold telemetry highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "how-to-verify-a-hosting-provider-before-you-buy",
"title": "How to Verify a Hosting Provider Before You Buy",
"category": "tutorials",
"tags": [
"hosting",
"vps",
"due-diligence"
],
"accent": "electric cyan and soft ultraviolet spectrum",
"unique_elements": "A clean modular educational workbench of floating holographic schematic layers and precision calibration instruments",
"evidence_summary": "step-by-step telemetry · reproducible setup",
"prompt": "A clean modular educational workbench of floating holographic schematic layers and precision calibration instruments, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with electric cyan and soft ultraviolet spectrum highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "i-let-an-agent-manage-my-shopee-vouchers",
"title": "I Let an Agent Manage My Shopee Vouchers — And It Created One I Never Approved",
"category": "ai",
"tags": [
"ai-agent",
"shopee",
"automation"
],
"accent": "neon-cyan and electric violet-magenta",
"unique_elements": "An intricate rotating glass agent decision loop, where an unexpected stray orange pulse vector veers off the blueprint track, materializing an unauthorized glowing geometric voucher card in mid-air",
"evidence_summary": "mode=propose gate · RM140 voucher unapproved",
"prompt": "An intricate rotating glass agent decision loop, where an unexpected stray orange pulse vector veers off the blueprint track, materializing an unauthorized glowing geometric voucher card in mid-air, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with neon-cyan and electric violet-magenta highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "it-reported-success-nothing-had-changed",
"title": "It Reported Success. Nothing Had Changed.",
"category": "devops",
"tags": [
"storage",
"smb",
"verification"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters",
"evidence_summary": "production DevOps · verified metrics",
"prompt": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "jpa-version-field-lost-update",
"title": "The JPA Field That Turns a Silent Lost Update Into a 409",
"category": "engineering",
"tags": [
"java",
"spring",
"jpa"
],
"accent": "royal cobalt blue (#295cff) with crisp ice-white",
"unique_elements": "A minimalist diagnostic probe examining a micro-structural hardware flaw illuminated by a subtle amber pinpoint warning light",
"evidence_summary": "root-cause analysis · production evidence",
"prompt": "A minimalist diagnostic probe examining a micro-structural hardware flaw illuminated by a subtle amber pinpoint warning light, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with royal cobalt blue (#295cff) with crisp ice-white highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "loop-engineering-without-a-coding-agent",
"title": "Loop Engineering Without a Coding Agent: The 11 Cron Jobs That Run My Infrastructure",
"category": "case-studies",
"tags": [
"loop-engineering",
"ai-agents",
"cron"
],
"accent": "emerald green (#4ade80) status nodes and gold telemetry",
"unique_elements": "Eleven concentric circular obsidian gear loops rotating in mechanical harmony, eight solid pure crystal clockwork rings alongside three subtle neural pulse rings, operating autonomously without human intervention",
"evidence_summary": "11 cron jobs · 8 zero-AI loops",
"prompt": "Eleven concentric circular obsidian gear loops rotating in mechanical harmony, eight solid pure crystal clockwork rings alongside three subtle neural pulse rings, operating autonomously without human intervention, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with emerald green (#4ade80) status nodes and gold telemetry highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "migrating-codeigniter-iis-to-openlitespeed",
"title": "Migrating a CodeIgniter 4 App From IIS to OpenLiteSpeed",
"category": "engineering",
"tags": [
"codeigniter",
"php",
"openspeedway"
],
"accent": "royal cobalt blue (#295cff) with crisp ice-white",
"unique_elements": "Interlocking precision architectural pillars and modular computational foundations, supporting a clean crystalline software framework",
"evidence_summary": "verification gates · deterministic code",
"prompt": "Interlocking precision architectural pillars and modular computational foundations, supporting a clean crystalline software framework, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with royal cobalt blue (#295cff) with crisp ice-white highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "my-backup-was-using-someone-elses-api-quota",
"title": "My Backup Was Crawling Because I Was Using Someone Else's API Quota",
"category": "notes",
"tags": [
"rclone",
"backup",
"google-drive"
],
"accent": "warm amber-orange warning glow (#fbbf24)",
"unique_elements": "A massive high-throughput data conduit bottlenecked at a narrow glowing amber hourglass valve, only releasing single sparse droplets into a dark repository vault below",
"evidence_summary": "1 TB restic seed · shared rclone quota",
"prompt": "A massive high-throughput data conduit bottlenecked at a narrow glowing amber hourglass valve, only releasing single sparse droplets into a dark repository vault below, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with warm amber-orange warning glow (#fbbf24) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "n8n-v1-to-v2-upgrade-gotchas",
"title": "Upgrading n8n v1 to v2: Seven Deprecations in One Log File",
"category": "devops",
"tags": [
"n8n",
"docker",
"upgrade"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters",
"evidence_summary": "production DevOps · verified metrics",
"prompt": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "nocodb-sso-is-a-licensed-feature",
"title": "NocoDB SSO Is a Licensed Feature — and the Env Vars Won't Tell You",
"category": "notes",
"tags": [
"nocodb",
"sso",
"oidc"
],
"accent": "warm amber-orange warning glow (#fbbf24)",
"unique_elements": "A minimalist diagnostic probe examining a micro-structural hardware flaw illuminated by a subtle amber pinpoint warning light",
"evidence_summary": "root-cause analysis · production evidence",
"prompt": "A minimalist diagnostic probe examining a micro-structural hardware flaw illuminated by a subtle amber pinpoint warning light, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with warm amber-orange warning glow (#fbbf24) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "one-hostname-public-tracker-sso-dashboard",
"title": "One Hostname for a Public Tracker and an SSO-Gated Dashboard",
"category": "devops",
"tags": [
"umami",
"authentik",
"sso"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters",
"evidence_summary": "production DevOps · verified metrics",
"prompt": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "one-prometheus-for-unraid-synology-and-a-vps",
"title": "One Prometheus for unRaid, a Synology NAS, and a VPS: What I Got Wrong",
"category": "case-studies",
"tags": [
"prometheus",
"grafana",
"unraid"
],
"accent": "emerald green (#4ade80) status nodes and gold telemetry",
"unique_elements": "A single radiant central telemetry beacon sending precision laser monitoring vectors to three distinct hexagonal platform nodes, illuminating transparent storage volumes with holographic metrics",
"evidence_summary": "3 hosts · 1 prometheus · 0 false panels",
"prompt": "A single radiant central telemetry beacon sending precision laser monitoring vectors to three distinct hexagonal platform nodes, illuminating transparent storage volumes with holographic metrics, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with emerald green (#4ade80) status nodes and gold telemetry highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "passbolt-hang-three-failure-modes",
"title": "Passbolt UI Kept Hanging — Three Failure Modes From One Missing Config File",
"category": "devops",
"tags": [
"passbolt",
"docker",
"gpg"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths",
"evidence_summary": "autonomous loop · constrained execution",
"prompt": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "patching-workbench-26-for-mariadb",
"title": "When Your Database Client Lies to You: Patching Workbench 26 for MariaDB",
"category": "devops",
"tags": [
"mysql",
"mariadb",
"workbench"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "Interlocking precision architectural pillars and modular computational foundations, supporting a clean crystalline software framework",
"evidence_summary": "verification gates · deterministic code",
"prompt": "Interlocking precision architectural pillars and modular computational foundations, supporting a clean crystalline software framework, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "putting-a-front-door-on-an-app-you-cant-modify",
"title": "Putting a Front Door on an App You Can't Modify",
"category": "devops",
"tags": [
"nginx",
"docker",
"self-hosting"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters",
"evidence_summary": "production DevOps · verified metrics",
"prompt": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "read-only-nocodb-dashboard-for-a-remote-database",
"title": "A Read-Only NocoDB Dashboard for a Database on Another Machine",
"category": "devops",
"tags": [
"nocodb",
"mysql",
"mariadb"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "Interlocking precision architectural pillars and modular computational foundations, supporting a clean crystalline software framework",
"evidence_summary": "verification gates · deterministic code",
"prompt": "Interlocking precision architectural pillars and modular computational foundations, supporting a clean crystalline software framework, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "reading-a-containers-own-api-docs",
"title": "Read a Container's Own API Docs Instead of the Vendor's",
"category": "notes",
"tags": [
"docker",
"openapi",
"api"
],
"accent": "warm amber-orange warning glow (#fbbf24)",
"unique_elements": "Modular glowing cubic container blocks neatly docked into an industrial server chassis, synchronized by high-speed optic interconnects",
"evidence_summary": "containerized topology · isolated runtime",
"prompt": "Modular glowing cubic container blocks neatly docked into an industrial server chassis, synchronized by high-speed optic interconnects, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with warm amber-orange warning glow (#fbbf24) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "replacing-rdpguard-with-ipban",
"title": "Replacing RDPGuard With IPBan: The Traps Nobody Documents",
"category": "devops",
"tags": [
"windows",
"security",
"rdp"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters",
"evidence_summary": "production DevOps · verified metrics",
"prompt": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "running-production-infrastructure-solo",
"title": "Running Production Infrastructure Solo: 162 Containers Across Three Hosts",
"category": "case-studies",
"tags": [
"docker",
"traefik",
"monitoring"
],
"accent": "emerald green (#4ade80) status nodes and gold telemetry",
"unique_elements": "Three massive interconnected obsidian server monoliths, surrounded by dense floating micro-glass container matrices representing 162 modular services, routed by glowing fiber optic pipelines into a single master control console",
"evidence_summary": "162 containers · 3 hosts · 78 stacks",
"prompt": "Three massive interconnected obsidian server monoliths, surrounded by dense floating micro-glass container matrices representing 162 modular services, routed by glowing fiber optic pipelines into a single master control console, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with emerald green (#4ade80) status nodes and gold telemetry highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "running-tts-as-a-service-with-token-sidecars",
"title": "I Ran a Text-to-Speech Service for a Year on Two Cron Containers",
"category": "ai",
"tags": [
"n8n",
"tts",
"azure"
],
"accent": "neon-cyan and electric violet-magenta",
"unique_elements": "Modular glowing cubic container blocks neatly docked into an industrial server chassis, synchronized by high-speed optic interconnects",
"evidence_summary": "containerized topology · isolated runtime",
"prompt": "Modular glowing cubic container blocks neatly docked into an industrial server chassis, synchronized by high-speed optic interconnects, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with neon-cyan and electric violet-magenta highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "scraping-bot-walled-marketplace-warm-browser-session",
"title": "Scraping a Bot-Walled Marketplace With a Warm Browser Session",
"category": "engineering",
"tags": [
"scraping",
"cdp",
"headless-chrome"
],
"accent": "royal cobalt blue (#295cff) with crisp ice-white",
"unique_elements": "A minimalist diagnostic probe examining a micro-structural hardware flaw illuminated by a subtle amber pinpoint warning light",
"evidence_summary": "root-cause analysis · production evidence",
"prompt": "A minimalist diagnostic probe examining a micro-structural hardware flaw illuminated by a subtle amber pinpoint warning light, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with royal cobalt blue (#295cff) with crisp ice-white highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "self-healing-digital-goods-entitlements",
"title": "Self-Healing Access Control for Digital Goods: NocoDB, n8n, and AList",
"category": "case-studies",
"tags": [
"n8n",
"nocodb",
"alist"
],
"accent": "emerald green (#4ade80) status nodes and gold telemetry",
"unique_elements": "A multi-stage floating acrylic workflow pathway with five interlocking diamond gates, automatically self-repairing broken link fragments with glowing golden solder",
"evidence_summary": "5 workflows · NocoDB + n8n + AList",
"prompt": "A multi-stage floating acrylic workflow pathway with five interlocking diamond gates, automatically self-repairing broken link fragments with glowing golden solder, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with emerald green (#4ade80) status nodes and gold telemetry highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "self-hosted-speech-to-text-api",
"title": "Your Own Speech-to-Text Server: Faster Than Typing, Private by Default",
"category": "case-studies",
"tags": [
"whisper",
"cuda",
"stt"
],
"accent": "emerald green (#4ade80) status nodes and gold telemetry",
"unique_elements": "An expansive architectural blueprint of enterprise private cloud nodes interconnected by luminous data pathways and telemetry readouts",
"evidence_summary": "enterprise delivery · real-world production",
"prompt": "An expansive architectural blueprint of enterprise private cloud nodes interconnected by luminous data pathways and telemetry readouts, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with emerald green (#4ade80) status nodes and gold telemetry highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "self-hosting-mem0-memory-stack",
"title": "How I Self-Hosted a Mem0 Memory Stack (So My AI Agent Remembers)",
"category": "case-studies",
"tags": [
"mem0",
"docker",
"postgres"
],
"accent": "emerald green (#4ade80) status nodes and gold telemetry",
"unique_elements": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths",
"evidence_summary": "autonomous loop · constrained execution",
"prompt": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with emerald green (#4ade80) status nodes and gold telemetry highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "shipping-an-ai-photo-editor-as-a-wordpress-plugin",
"title": "Shipping an AI Photo Editor as a WordPress Plugin: 22 Versions of Hard Lessons",
"category": "case-studies",
"tags": [
"wordpress",
"php",
"fal-ai"
],
"accent": "emerald green (#4ade80) status nodes and gold telemetry",
"unique_elements": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths",
"evidence_summary": "autonomous loop · constrained execution",
"prompt": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with emerald green (#4ade80) status nodes and gold telemetry highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "smartctl-exit-code-32-skips-the-disks-that-matter",
"title": "smartctl Exit Code 32: The Code That Skips the Disks You Care About",
"category": "notes",
"tags": [
"smart",
"smartctl",
"unraid"
],
"accent": "warm amber-orange warning glow (#fbbf24)",
"unique_elements": "A precision laser diagnostic sensor scanning a floating high-density magnetic storage platter, revealing microscopic sector heatmaps",
"evidence_summary": "storage diagnostics · SMART telemetry",
"prompt": "A precision laser diagnostic sensor scanning a floating high-density magnetic storage platter, revealing microscopic sector heatmaps, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with warm amber-orange warning glow (#fbbf24) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "space-reclamation-wasnt-stuck-it-was-waiting",
"title": "Space Reclamation Wasn't Stuck. It Was Waiting for Tomorrow at 09:29.",
"category": "devops",
"tags": [
"synology",
"btrfs",
"snapshots"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "A massive btrfs filesystem disk cylinder slowly draining fragmented blue blocks into an obsidian reclamation pit, guided by a precision holographic timer dial count down",
"evidence_summary": "121 GiB returned · scheduled 09:29",
"prompt": "A massive btrfs filesystem disk cylinder slowly draining fragmented blue blocks into an obsidian reclamation pit, guided by a precision holographic timer dial count down, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "stop-writing-agent-prompts-for-deterministic-work",
"title": "Stop Writing Agent Prompts for Deterministic Work",
"category": "notes",
"tags": [
"loop-engineering",
"cron",
"ai-agents"
],
"accent": "warm amber-orange warning glow (#fbbf24)",
"unique_elements": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths",
"evidence_summary": "autonomous loop · constrained execution",
"prompt": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with warm amber-orange warning glow (#fbbf24) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "syncing-a-self-improving-ai-agent-across-machines",
"title": "Syncing a Self-Improving AI Agent Across Machines",
"category": "case-studies",
"tags": [
"hermes",
"git",
"gitea"
],
"accent": "emerald green (#4ade80) status nodes and gold telemetry",
"unique_elements": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths",
"evidence_summary": "autonomous loop · constrained execution",
"prompt": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with emerald green (#4ade80) status nodes and gold telemetry highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "synology-api-401-with-the-correct-password",
"title": "Why Your Synology API Login Returns 401 With the Correct Password",
"category": "notes",
"tags": [
"synology",
"dsm",
"rest-api"
],
"accent": "warm amber-orange warning glow (#fbbf24)",
"unique_elements": "A minimalist diagnostic probe examining a micro-structural hardware flaw illuminated by a subtle amber pinpoint warning light",
"evidence_summary": "root-cause analysis · production evidence",
"prompt": "A minimalist diagnostic probe examining a micro-structural hardware flaw illuminated by a subtle amber pinpoint warning light, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with warm amber-orange warning glow (#fbbf24) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "synology-spreadsheet-api-is-a-container",
"title": "The Synology Spreadsheet API Is a Container, Not an API Endpoint",
"category": "devops",
"tags": [
"synology",
"dsm",
"docker"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "Modular glowing cubic container blocks neatly docked into an industrial server chassis, synchronized by high-speed optic interconnects",
"evidence_summary": "containerized topology · isolated runtime",
"prompt": "Modular glowing cubic container blocks neatly docked into an industrial server chassis, synchronized by high-speed optic interconnects, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "that-dying-ssd-was-just-a-bad-sata-cable",
"title": "I Was About to RMA This SSD — the Fault Was a SATA Cable",
"category": "devops",
"tags": [
"unraid",
"sata",
"ssd"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters",
"evidence_summary": "production DevOps · verified metrics",
"prompt": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "the-cause-was-trim-not-the-ssds",
"title": "The Corruption Came Back on Different Drives — the Cause Was TRIM, Not the SSDs",
"category": "devops",
"tags": [
"unraid",
"btrfs",
"trim"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters",
"evidence_summary": "production DevOps · verified metrics",
"prompt": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "the-nocodb-attachment-that-wouldnt-update",
"title": "The NocoDB Attachment That Wouldn't Update (and a Regex That Missed)",
"category": "notes",
"tags": [
"nocodb",
"backfill",
"python"
],
"accent": "warm amber-orange warning glow (#fbbf24)",
"unique_elements": "A minimalist diagnostic probe examining a micro-structural hardware flaw illuminated by a subtle amber pinpoint warning light",
"evidence_summary": "root-cause analysis · production evidence",
"prompt": "A minimalist diagnostic probe examining a micro-structural hardware flaw illuminated by a subtle amber pinpoint warning light, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with warm amber-orange warning glow (#fbbf24) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "the-upstream-was-deleted-then-came-back-rewritten",
"title": "The Upstream Was Deleted, Then Came Back as a Rewrite",
"category": "devops",
"tags": [
"docker",
"self-hosting",
"upstream"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters",
"evidence_summary": "production DevOps · verified metrics",
"prompt": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "two-ways-a-javascript-file-stops-working-and-looks-fine",
"title": "Two Ways a JavaScript File Stops Working and Looks Fine",
"category": "engineering",
"tags": [
"javascript",
"i18n",
"debugging"
],
"accent": "royal cobalt blue (#295cff) with crisp ice-white",
"unique_elements": "A minimalist diagnostic probe examining a micro-structural hardware flaw illuminated by a subtle amber pinpoint warning light",
"evidence_summary": "root-cause analysis · production evidence",
"prompt": "A minimalist diagnostic probe examining a micro-structural hardware flaw illuminated by a subtle amber pinpoint warning light, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with royal cobalt blue (#295cff) with crisp ice-white highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "unraid-stop-array-hangs-on-swapfile",
"title": "Why Unraid Hangs When You Stop the Array With a Swapfile — and the Fix",
"category": "devops",
"tags": [
"unraid",
"swap",
"btrfs"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "A precision laser diagnostic sensor scanning a floating high-density magnetic storage platter, revealing microscopic sector heatmaps",
"evidence_summary": "storage diagnostics · SMART telemetry",
"prompt": "A precision laser diagnostic sensor scanning a floating high-density magnetic storage platter, revealing microscopic sector heatmaps, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "upgrading-codeigniter-46-to-47",
"title": "Upgrading CodeIgniter 4.6 to 4.7: The Breaking Changes the Guide Misses",
"category": "notes",
"tags": [
"codeigniter",
"php",
"upgrade"
],
"accent": "warm amber-orange warning glow (#fbbf24)",
"unique_elements": "Interlocking precision architectural pillars and modular computational foundations, supporting a clean crystalline software framework",
"evidence_summary": "verification gates · deterministic code",
"prompt": "Interlocking precision architectural pillars and modular computational foundations, supporting a clean crystalline software framework, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with warm amber-orange warning glow (#fbbf24) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "using-chinese-llm-apis-from-malaysia",
"title": "Using Chinese LLM APIs From Malaysia: What Actually Works",
"category": "ai",
"tags": [
"llm",
"api",
"deepseek"
],
"accent": "neon-cyan and electric violet-magenta",
"unique_elements": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths",
"evidence_summary": "autonomous loop · constrained execution",
"prompt": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with neon-cyan and electric violet-magenta highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "verifying-a-pdf-report-page-by-page",
"title": "Verifying a 19-Page PDF Report Page by Page",
"category": "engineering",
"tags": [
"php",
"codeigniter",
"pdf"
],
"accent": "royal cobalt blue (#295cff) with crisp ice-white",
"unique_elements": "A minimalist diagnostic probe examining a micro-structural hardware flaw illuminated by a subtle amber pinpoint warning light",
"evidence_summary": "root-cause analysis · production evidence",
"prompt": "A minimalist diagnostic probe examining a micro-structural hardware flaw illuminated by a subtle amber pinpoint warning light, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with royal cobalt blue (#295cff) with crisp ice-white highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "vetting-an-open-source-dependency-before-you-bet-on-it",
"title": "How I Vet an Open-Source Dependency Before Betting On It",
"category": "devops",
"tags": [
"open-source",
"due-diligence",
"oidc"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters",
"evidence_summary": "production DevOps · verified metrics",
"prompt": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "when-smart-says-healthy-but-your-raid-is-corrupting-data",
"title": "When SMART Says Healthy and Your RAID Is Silently Corrupting Data",
"category": "devops",
"tags": [
"unraid",
"btrfs",
"nvme"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "A precision laser diagnostic sensor scanning a floating high-density magnetic storage platter, revealing microscopic sector heatmaps",
"evidence_summary": "storage diagnostics · SMART telemetry",
"prompt": "A precision laser diagnostic sensor scanning a floating high-density magnetic storage platter, revealing microscopic sector heatmaps, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "why-500000-lines-of-commit-churn-only-left-230000-in-production",
"title": "Why 500,000 Lines of Commit Churn Only Left 230,000 Lines in Production",
"category": "engineering",
"tags": [
"ai",
"git",
"devops"
],
"accent": "royal cobalt blue (#295cff) with crisp ice-white",
"unique_elements": "Interlocking precision architectural pillars and modular computational foundations, supporting a clean crystalline software framework",
"evidence_summary": "verification gates · deterministic code",
"prompt": "Interlocking precision architectural pillars and modular computational foundations, supporting a clean crystalline software framework, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with royal cobalt blue (#295cff) with crisp ice-white highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "why-chrome-forgets-its-tabs-in-a-container",
"title": "Why Chrome Forgets Its Tabs in a Container — And How I Fixed It",
"category": "devops",
"tags": [
"docker",
"chrome",
"cdp"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "Modular glowing cubic container blocks neatly docked into an industrial server chassis, synchronized by high-speed optic interconnects",
"evidence_summary": "containerized topology · isolated runtime",
"prompt": "Modular glowing cubic container blocks neatly docked into an industrial server chassis, synchronized by high-speed optic interconnects, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "why-i-still-bought-a-local-gpu",
"title": "Why I Still Bought a GPU to Run AI When Claude and GPT Are Obviously Stronger",
"category": "ai",
"tags": [
"local-llm",
"gpu",
"llama-cpp"
],
"accent": "neon-cyan and electric violet-magenta",
"unique_elements": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths",
"evidence_summary": "autonomous loop · constrained execution",
"prompt": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with neon-cyan and electric violet-magenta highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "why-my-on-chain-nft-art-changed-on-windows",
"title": "Why My On-Chain NFT Art Changed When I Cloned It on Windows",
"category": "web3",
"tags": [
"foundry",
"solidity",
"svg"
],
"accent": "translucent emerald (#10b981) and prism-split cyan",
"unique_elements": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths",
"evidence_summary": "autonomous loop · constrained execution",
"prompt": "Concentric acrylic rings of an autonomous neural decision core, pulsing with directed cyan synaptic data packets along vector paths, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with translucent emerald (#10b981) and prism-split cyan highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "why-telegram-bot-notifications-die",
"title": "Why Telegram Bot Notifications Die: IPv6, DNS, and a 400 That Took a Day",
"category": "devops",
"tags": [
"docker",
"telegram",
"python"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "An intricate routing matrix of optical network fiber switches, filtering and directing packet envelopes through cryptographic security barriers",
"evidence_summary": "mail protocol routing · DKIM / SPF handshake",
"prompt": "An intricate routing matrix of optical network fiber switches, filtering and directing packet envelopes through cryptographic security barriers, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "why-your-cdp-clicks-silently-fail",
"title": "Why Your CDP Clicks Silently Fail: Smooth Scroll, Minimised Windows, and JS-Dispatched Events",
"category": "devops",
"tags": [
"cdp",
"chrome",
"react"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "A high-precision robotic cursor pointer clicking onto a translucent glass UI button that has already shifted away due to an invisible kinetic wave, triggering zero DOM resonance",
"evidence_summary": "scroll-behavior:smooth · rect expired",
"prompt": "A high-precision robotic cursor pointer clicking onto a translucent glass UI button that has already shifted away due to an invisible kinetic wave, triggering zero DOM resonance, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "why-your-grafana-dashboard-shows-no-data",
"title": "Why Your Grafana Dashboard Shows No Data (When Prometheus Is Fine)",
"category": "devops",
"tags": [
"grafana",
"prometheus",
"dashboards"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters",
"evidence_summary": "production DevOps · verified metrics",
"prompt": "Sleek industrial rackmount hardware with glowing diagnostic bus cables, routing high-throughput telemetry streams across redundant server clusters, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "why-your-headless-browser-cant-scrape-everything",
"title": "Why Your Headless Browser Can't Scrape Everything",
"category": "case-studies",
"tags": [
"scraping",
"playwright",
"browserless"
],
"accent": "emerald green (#4ade80) status nodes and gold telemetry",
"unique_elements": "An expansive architectural blueprint of enterprise private cloud nodes interconnected by luminous data pathways and telemetry readouts",
"evidence_summary": "enterprise delivery · real-world production",
"prompt": "An expansive architectural blueprint of enterprise private cloud nodes interconnected by luminous data pathways and telemetry readouts, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with emerald green (#4ade80) status nodes and gold telemetry highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
},
{
"slug": "your-disk-full-alert-is-lying",
"title": "Your Disk-Full Alert Is Lying: Stop Alerting on Percentages",
"category": "devops",
"tags": [
"monitoring",
"alerting",
"prometheus"
],
"accent": "cyan and vibrant emerald green (#4ade80)",
"unique_elements": "A precision laser diagnostic sensor scanning a floating high-density magnetic storage platter, revealing microscopic sector heatmaps",
"evidence_summary": "storage diagnostics · SMART telemetry",
"prompt": "A precision laser diagnostic sensor scanning a floating high-density magnetic storage platter, revealing microscopic sector heatmaps, styled as a modern dark cyber-bento 3D concept and technical blueprint schematic. Sleek matte obsidian hardware, frosted acrylic glass surfaces, subtle ultra-thin blueprint coordinate crosshairs and vector topology lines in the background. Strictly off-center composition: the 3D focal subject is positioned exclusively in the right 38% of the canvas, leaving vast, clean, uncluttered dark negative space across the entire left 62% for UI overlay. Deep midnight slate background (#0b0f19 to #111827), volumetric rim lighting in royal blue (#4d82ff) with cyan and vibrant emerald green (#4ade80) highlights, raytraced ambient occlusion, macro depth of field, 8k resolution, no text, no typography, no letters, no numbers, no HUD labels, no watermark."
}
]