What I learn while building.
FREN
September 2026Why I am not teaching Elementor V4 to my students yetThe docs say one thing, the source code says another. Three lines of PHP, two control sites, seven open bug reports: the investigation that settled my course plan.September 2026Figma to Elementor: there's no button, there's a methodTwo MCPs to read Figma, two to write into Elementor, WP-CLI as a fallback, a browser to measure to the pixel. The method behind a delivered campaign, and the next site.September 2026When the plugin dies: the dependency no audit catchesEight video galleries gone overnight. The third-party account belonged to a dissolved company. Anatomy of an invisible dependency and how it was rebuilt.September 2026App Store Connect: submitting an iOS app from the terminalEvery submission, the same time lost clicking and uploading screenshots. This time: a bash script, the App Store Connect API and Chrome driven by Claude Code. One human click.August 2026Strix: an autonomous AI hacker to audit a vibe-coded appAn open-source AI pentest agent that attacks your code like a real hacker and proves each flaw with an exploit. Docker, LLM, Apache 2.0 - the tool I plug into my security audit.August 20263D landing pages with Claude Code and Opus 5: the anti-slop workflowBuilding a Three.js landing page that stands out: the right reference, Opus 5 pushed to the max, a harness that drives the browser, then molding. A video summary.August 2026Tutorial: building a 3D landing page with Claude Code and Opus 5The full walkthrough of the DesignCode video, section by section with timestamps: desktop, references, Mobin MCP, minimal prompt, maximum effort, molding, textures, shaders, skills.August 2026A real LAMP stack on your Mac: leaving MAMP Pro for HomebrewApache, PHP-FPM, MySQL, .test vhosts, local HTTPS and MailHog: everything installed with Homebrew and driven by a single command. The complete tutorial for leaving MAMP Pro, written for my students.August 2026Fifteen student accounts in a single commandEvery September, two hours of clicking through cPanel to set up my students' hosting. SSH access, a command-line API, a skill tested and fixed - it now fits in one command.July 2026Taking over a WordPress site: from live to local over SSHA therapist's site on Combell, zero documentation. One SSH key, WP-CLI, rsync, two MCP plugins - an hour later the clone runs locally. The full workflow, pitfalls included.July 2026Loop engineering: stop prompting AI, design the loopPrompt engineering is about asking for a task well. Loop engineering is about building the system that pursues, verifies, and corrects that task.July 2026Putting Claude Code in a loop: /goal, /loop, and hooksClaude Code offers several ways to keep working without waiting for your next prompt. Here is what each mechanism actually does.July 2026A good loop is not AI left on its ownAn agent’s autonomy needs measurable criteria, persistent memory, limits, and human stop points.July 2026I built a graphical memory for all my projectsHow I installed Graphify, assembled a global graph of 12 projects and used Ollama to give images a place in my development context.March 2026Deploying Your App to the App Store: EAS Build vs FastlaneVibe coding has democratized app creation. But once the app is built, how do you get it onto the App Store? Two approaches depending on whether your app is React Native or native Swift.March 2026Markdown Slide Deck: write in Markdown, present anywhereAn open source web tool that turns any Markdown file into an interactive presentation. No install, no account, no PowerPoint. You write in Markdown, you present in the browser.March 2026System Prompts of 34 AI Coding Tools - What They RevealA GitHub repo has collected the system prompts of Claude Code, Cursor, Windsurf, Devin, v0, Lovable, and 28 other AI development tools. Over 30,000 lines of instructions that reveal how these agents think, what they're forbidden from doing, and what we can learn from them.March 2026superpowers-chrome vs Playwright: which tool to drive a browser with Claude Code?Claude Code can control a web browser. But with which tool? Playwright MCP launches an isolated Chromium. superpowers-chrome drives your real Chrome, with your sessions and cookies. Here's when to use which.February 202650 Claude Code tips: everything an engineer learned in 6 monthsA developer who has used Claude Code 12 hours a day for 6 months shares his 50 best tips - from the fundamentals to parallel multi-instance development.February 2026AITMPL: a template marketplace for Claude CodeA free, open source catalog of ready-to-use skills, agents, commands, hooks, and MCPs for Claude Code.February 2026Celestio Studio: AI design with Tailwind, HTML and Figma exportA platform that turns prompts into production-ready web interfaces, with 250+ design concepts and a pixel-perfect visual editing mode.February 2026Claude Code + Figma: 3 MCPs for driving Figma from the terminalI use three different MCP servers to connect Claude Code to Figma. Each has its own role: real-time creation, design token extraction, and official integration. Here's how they work and when to use which.February 2026Google Skills: the advanced generative AI learning path for developersGoogle Cloud offers a free 12-module learning path to build generative AI skills - from Transformer architecture to MLOps deployment, covering Vertex AI and responsible AI along the way.February 2026Learning Designer: designing structured training programsAn open source web tool created by François Jourde to structure, document, and analyze training programs - from pedagogical intent to operational plan.February 2026MomentumHive: AI content creation for ThreadsA platform that uses AI to write, schedule, and manage engagement on Threads - with templates optimized for the algorithm and a visual publishing calendar.February 2026Trike CLI: Learn Claude Code Directly in Your ProjectA "training wheels" plugin for experienced developers who want to adopt Claude Code - with a personalized learning path generated directly in your codebase.February 2026WordPress MCP Adapter: when WordPress talks to AI agentsWordPress 6.9 introduces the Abilities API and an official MCP Adapter. AI agents like Claude Code, Claude Desktop, or VS Code can now discover and execute WordPress functionality directly.February 2026Claude Code Skills: How I Automated My Coding WorkflowWhen AI codes without a method, it charges ahead blindly. Claude Code skills enforce discipline: brainstorming before implementing, systematic debugging, TDD. Here's how I use them day to day, plus Anthropic's official best practices for writing effective skills.February 2026Writing effective Claude Code skills - a concrete case with Pile ou SaaSAnthropic published its best practices for writing skills. I apply them to a real project - a WordPress SaaS site with Tailwind v4, ACF Pro, and GSAP - to concretely show what changes.February 2026insights.md - a technical journal auto-generated by Claude CodeDuring every work session, Claude Code generates "insights" - technical learning points. I configured my setup so it saves them automatically to a persistent file, project by project. Here's how and why.February 2026Claude Code: The Complete Course for BeginnersEverything you need to know about Claude Code in a single guide: from installation to building automated skills, covering context management, plan mode, and MCP. A summary and notes from Nick Saraev's course.February 2026FamilySound - Managing 20 Tasks with Claude Code: Which Execution Strategy?When an implementation plan contains 20 tasks across 5 phases, how do you execute it with AI without losing control? Two approaches, one choice.February 2026How ThisIsHumanMade's messaging system worksFirebase Realtime DB, native macOS and iOS apps in SwiftUI, push notifications via FCM and Cloud Functions. A technical breakdown of a "human-first" chat built without a custom backend.February 2026Sunny Terraces - find sunny terraces in BrusselsA web app that calculates in real time which cafe, bar, and restaurant terraces are sunny in Brussels. Project in progress.February 2026BMAD Method: The complete agile framework for Claude CodeBMAD (Break down Method for AI Development) is a framework that structures your development with 6 specialized agents: Analyst, PM, Architect, Scrum Master, Developer and QA.February 2026Create Animated Videos with Claude Code and RemotionCreate professional animated videos with AI - video edits, product animations, and explainer videos - without coding or video-editing experience.February 2026Claude SEO: 12 SEO Tools Combined in a Single SkillTurn Claude Code into an SEO expert with this skill that combines technical audit, schema analysis, optimization for AI search engines (GEO), and more.February 2026Get Shit Done (GSD): Structure Your Claude Code Projects into PhasesGet Shit Done is a context engineering tool that automatically breaks your project down into phases, manages context between sessions, and guides you step by step through to deployment.December 2025MyRugby.be - a multi-club rugby livescore built with PHP, Tailwind and FirebaseLive scores, push notifications on every try, a mobile coach interface, installable PWA. A project built in December 2025 for Belgian rugby clubs - no JS framework, no WebSocket, no SaaS.November 2025Hovr - Words Suspended in SpaceLeave a location-based message. Discover it while walking. Supabase, PostGIS, SwiftUI, Mapbox - the anatomy of an app that anchors words in space.November 2025From Figma to WordPress: 100% Automated with AIHow I transformed a Figma mockup into a complete WordPress site with Claude AI. Zero manual code, fully documented step-by-step workflow.September 2024Bike Tracker: Never Forget Your Bike Reimbursements AgainAn ultra-simple mini-app to track my bike commutes and get reimbursed. One button, one press, done. My colleagues love it.December 2023Elementor - Display custom loops by taxonomyShow different Elementor loops based on post category. Simple PHP solution with zero performance overhead.
No article in this category.