Articles and experiments in web development and AI

JUL 2026

I built a graphical memory for all my projects

Workflow IA · Graphify · Ollama · Claude Code How I installed Graphify, assembled a global graph of 12 projects and used Ollama to give images a place in my development context. → MAR 2026

Deploying Your App to the App Store: EAS Build vs Fastlane

Tutoriel · iOS · App Store · Déploiement Vibe 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. → MAR 2026

Markdown Slide Deck: write in Markdown, present anywhere

Ressource · Markdown · Présentation · Open source An 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. → MAR 2026

System Prompts of 34 AI Coding Tools - What They Reveal

Ressource · IA · Ressource · Open source A 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. → MAR 2026

superpowers-chrome vs Playwright: which tool to drive a browser with Claude Code?

Tutoriel · Claude Code · Tests · Automatisation 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. → FEB 2026

50 Claude Code tips: everything an engineer learned in 6 months

Tutoriel · Claude Code · IA · Productivité A 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. → FEB 2026

AITMPL: a template marketplace for Claude Code

Ressource · Claude Code · IA · Ressource A free, open source catalog of ready-to-use skills, agents, commands, hooks, and MCPs for Claude Code. → FEB 2026

Celestio Studio: AI design with Tailwind, HTML and Figma export

Ressource · Design · IA · Projet A platform that turns prompts into production-ready web interfaces, with 250+ design concepts and a pixel-perfect visual editing mode. → FEB 2026

Claude Code + Figma: 3 MCPs for driving Figma from the terminal

Tutoriel · Figma · Claude Code · Design I 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. → FEB 2026

Google Skills: the advanced generative AI learning path for developers

Tutoriel · Google · IA · Formation Google 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. → FEB 2026

Learning Designer: designing structured training programs

Ressource · IA · Formation · Open source An open source web tool created by François Jourde to structure, document, and analyze training programs - from pedagogical intent to operational plan. → FEB 2026

MomentumHive: AI content creation for Threads

Ressource · IA · Productivité · Projet A platform that uses AI to write, schedule, and manage engagement on Threads - with templates optimized for the algorithm and a visual publishing calendar. → FEB 2026

Trike CLI: Learn Claude Code Directly in Your Project

Ressource · CLI · JavaScript · Open source A "training wheels" plugin for experienced developers who want to adopt Claude Code - with a personalized learning path generated directly in your codebase. → FEB 2026

WordPress MCP Adapter: when WordPress talks to AI agents

Tutoriel · WordPress · MCP · IA WordPress 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. → FEB 2026

Claude Code Skills: How I Automated My Coding Workflow

Tutoriel · Claude Code · IA · Workflow When 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. → FEB 2026

Writing effective Claude Code skills - a concrete case with Pile ou SaaS

Tutoriel · Claude Code · IA · Workflow Anthropic 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. → FEB 2026

insights.md - a technical journal auto-generated by Claude Code

Tutoriel · Claude Code · Documentation · Workflow During 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. → FEB 2026

Claude Code: The Complete Course for Beginners

Tutoriel · Claude Code · Tutoriel · IA Everything 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. → FEB 2026

FamilySound - Managing 20 Tasks with Claude Code: Which Execution Strategy?

Réflexion · IA · Audio · Projet When an implementation plan contains 20 tasks across 5 phases, how do you execute it with AI without losing control? Two approaches, one choice. → FEB 2026

How ThisIsHumanMade's messaging system works

Architecture · Swift · Firebase · Projet Firebase 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. → FEB 2026

Sunny Terraces - find sunny terraces in Brussels

Projet · PHP · Projet · Open source A web app that calculates in real time which cafe, bar, and restaurant terraces are sunny in Brussels. Project in progress. → FEB 2026

BMAD Method: The complete agile framework for Claude Code

Tutoriel · IA · Workflow · Méthode BMAD (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. → FEB 2026

Create Animated Videos with Claude Code and Remotion

Tutoriel · Claude Code · Vidéo · IA Create professional animated videos with AI - video edits, product animations, and explainer videos - without coding or video-editing experience. → FEB 2026

Claude SEO: 12 SEO Tools Combined in a Single Skill

Tutoriel · Claude Code · SEO · IA Turn Claude Code into an SEO expert with this skill that combines technical audit, schema analysis, optimization for AI search engines (GEO), and more. → FEB 2026

Get Shit Done (GSD): Structure Your Claude Code Projects into Phases

Tutoriel · IA · Méthode · Productivité Get 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. → DEC 2025

MyRugby.be - a multi-club rugby livescore built with PHP, Tailwind and Firebase

Projet · PHP · Application web · Projet Live 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. → NOV 2025

Hovr - Words Suspended in Space

Projet · iOS · Swift · Projet Leave a location-based message. Discover it while walking. Supabase, PostGIS, SwiftUI, Mapbox - the anatomy of an app that anchors words in space. → NOV 2025

From Figma to WordPress: 100% Automated with AI

Workflow & Automation How I transformed a Figma mockup into a complete WordPress site with Claude AI. Zero manual code, fully documented step-by-step workflow. → SEP 2024

Bike Tracker: Never Forget Your Bike Reimbursements Again

Tools & Productivity An ultra-simple mini-app to track my bike commutes and get reimbursed. One button, one press, done. My colleagues love it. →