HiRoX

Dev Full-stack Freelance

[Jouhatsu | AI Influence Operator @Jouhatsu_ai]

Les hardcore users de Claude Code dans le monde anglophone facturent entre 15 500 et 42 000 $ / mois à leurs clients…

et le pire, c’est que Anthropic a quasiment tout expliqué en 30 minutes officiellement 😂

Moins de 1 % des européens sont au courant, et si ça se répand, c’est fini

J’ai résumé en français, donc ajoute en signet 🔖 avant que ça se diffuse :

Sérieusement, c’est le genre de truc où les premiers qui bougent gagnent…

[Pablo Rio @PabloRioX]

🚨 EN VEZ DE VER NETFLIX ESTA NOCHE…

mira esto durante 1 hora.

Este curso de Claude AI te enseña a construir y automatizar casi cualquier cosa.

Los que lo vean hoy despertarán mañana con una skill que la mayoría no tendrá en 2 años.

Los que lo ignoren seguirán viendo Netflix el año que viene preguntándose por qué nada cambia.

Tu decisión.

Sígueme para más contenido así 🚀

[Aurea @AureaLibe]

Voici comment j’utilise Claude Code au quotidien.

Je n'utilise Claude Code que dans le terminal. D’abord, je configure mon claude .md. Il contient les pratiques de code que je veux que Claude suive, les commandes à lancer et l’architecture de mon projet. Bref, tout le contexte que je veux persistant entre les sessions.

Ensuite, j’écris les specs de ma feature dans un document. Je réfléchis à ce que je veux, puis, quand je pense avoir bien designé ma feature, je les copie-colle dans Claude Code avec une commande custom.

Ma commande custom va planifier (elle simule le mode plan intégré), elle va demander à Claude de me questionner sur les specs pour bien comprendre la feature et ne rien rater, puis elle va explorer mon code en lançant mes agents custom (voir plus bas). Et ensuite, une fois que je valide son raisonnement, elle va rédiger le plan de dev complet, étape par étape, dans un fichier .md, avec toutes les explications des choix.

Ce fichier est selon moi le plus important après le claude .md. C’est ce fichier qui permet de développer de grosses features bloc par bloc sans faire halluciner Claude. Pour avoir un résultat parfait, je lance un chat par phase de développement. L’idée est de ne jamais dépasser la fenêtre de contexte et de ne jamais utiliser le mode auto-compact.

Pour faire développer une feature phase par phase, par exemple si c’est une API, je lance ma commande /dev-backend.

Cette commande ne fait rien de magique. Elle est configurée pour donner un contexte standardisé à chaque phase de développement et surtout orchestrer mes sub-agents custom.

Claude va lancer mes agents d’exploration, qui sont des agents d’analyse. Ils peuvent être par exemple explore-codebase, explore-db, explore-doc, web-search, etc. Chaque agent va explorer le code de manière indépendante, avec une tâche spécifique que Claude lui aura donnée, et de manière parallèle.

L’idée est de scanner tout le code nécessaire à ma feature afin de ne rien rater et de réutiliser le code au maximum. Ils ont chacun leur propre fenêtre de contexte et retournent uniquement le résultat utile au chat principal. Même fonctionnement pour l’agent explore-db qui explore ma DB, ou pour explorer la doc (context7), ou chercher sur le web des informations à jour.

Grâce à ces sous-agents configurés pour mon architecture et exécutés automatiquement par Claude, vous verrez sur le screen que j’ai économisé 225k tokens sur ma fenêtre principale.

Claude a maintenant en contexte toute mon architecture complète, ses instructions, ce qu’il doit modifier, les patterns à respecter, les modules à réutiliser, les librairies que j’utilise, le contexte global de la feature que je veux développer et celui de mon projet. Et surtout, grâce à ces agents, il lui reste 40 % de la fenêtre disponible uniquement pour écrire le code que je demande. Ce qui est très large et donne du très bon code.

Quand il aura terminé, je vérifie que tout s’est bien passé. Puis, dans un nouveau chat, je lui demande de lancer des tests. Ensuite, je vérifie moi aussi manuellement les résultats.

Puis, une fois que tout est ok, je lance une commande qui va regarder les changements que Claude a faits, les analyser en profondeur avec les agents d’exploration, puis les optimiser, nettoyer le mauvais code, vérifier qu’il a bien respecté les bonnes pratiques du claude md, etc.

Cette dernière commande rend le code production-ready. Comme elle n’écrit pas le code mais fait uniquement la review, elle suit parfaitement mes instructions. En finalité, le code est de bonne qualité.

Ça, c’est mon process de développement optimisé. Pour vous, débutants sur Claude, vous n’avez pas besoin des sub-agents (au début). Vous pouvez lancer le mode plan par défaut à chaque début de session, avec le mode thinking activé. Claude fera le plan de développement et lancera lui aussi des sub-agents pour explorer le code.

Le seul problème avec le mode plan sans sub-agents custom, c’est que son exploration est plus lente et moins structurée. Et parfois, il va exécuter des tâches directement dans la fenêtre principale au lieu des sub-agents, ce qui consomme plus de tokens.

Mais le mode plan intégré suffit largement les premiers mois sur l’outil.

Je vais vous mettre en commentaire le lien GitHub d’un dev français que je trouve super. Il fait de bonnes vidéos YouTube et a une utilisation intelligente des sub-agents. Je vous partagerai un exemple généraliste de commande et un exemple généraliste de sub-agents.

Mais pour créer vos propres slash commands et sub-agents, je vous conseille plutôt de demander à Claude de vous écrire les commandes à partir du prompt suivant. À lancer en mode plan : « Avant de commencer, va lire toutes les guidelines officielles avec web search :

(lien en commentaire)

Une fois que tu as lu la documentation, aide-moi à développer la commande X ou le sub-agent Y.

Cet agent/commande doit faire : [insérer votre besoin].

Ils doivent impérativement respecter les bonnes pratiques de Claude.

Questionne-moi sur la commande/agent si tu n’as pas tout compris. Pour voir s’ils sont utiles ou non. »

Il ne vous restera plus qu’à activer le plugin Context7 pour explorer de la documentation à jour, et vous pourrez tout faire.

[code w/Guillaume 💻 @guillaume_rygn]

j'ai découvert un site qui propose +180 icones animés au hover gratuit et open source ! 👀

très sympa pour donner un peu de dynamise à une sidebar par exemple ! le site c'est https://t.co/aQlIGfeazp et il propose même une intégration shadcn via CLI !

[(((Michael Steuer))) - michael.cspr @mssteuer]

🧵 1/55

In the history of @Casper_Network , I have NEVER witnessed this level of momentum of teams around the world building the next generation of DeFi and RWA solution on $CSPR.

Just within the last ONE MONTH, approximately FIFTY 5⃣0⃣‼️ projects.

A mega thread:

[Arnaud Tanielian @Danetag]

We just launched Shopify Editions Winter 2026 🎨

Here's the technical breakdown of how we built it 🧵

[HiRoX @mc_dev83]

@florian_belz Hero

[Florian @ Landingflow @florian_belz]

La structure d'une Landing Page SaaS qui convertit

[code w/Guillaume 💻 @guillaume_rygn]

J'ai retrouvé le repository ultime pour ceux qui aiment mettre des effets WOW sur leurs sites type les sites d'Awwwards 🤯

On y retrouve tous les effets sur les transitions, la souris, le background, reveal text etc.

Le repository est hyper complet! Je mets le lien en dessous👇

[code w/Guillaume 💻 @guillaume_rygn]

Pour ceux qui ont loupé il y a un gars qui à regroupé dans repository tous les prompts possibles pour nano banana dans tous les styles qu'on puisse imaginer 👀

C est un vrai cheat code ! Je mets le lien juste en dessous 👇

[code w/Guillaume 💻 @guillaume_rygn]

C'est clairement avec ce site que j'ai step up en termes d'UX/UI car il partage pleins de tips et d'exemples!

Il me manque toujours un petit truc sur mes design mais quand j'applique ces conseils mes designs passent à un autre niveau 🤯

une petite pépite! Le lien en dessous 👇

[Abraham John 🦄🦓 @Abmankendrick]

UI/UX Designers and Developers, here are web breakpoint cheat sheets for all devices that can help with your website's layout for your next UI design project.

Bookmark it for later 💜

[Math Hub @mathhub_vn]

Alignment in CSS

[SolvingForZ @SolvingForZ]

CSS Grid
#css

[Alex Xu @alexxubyte]

The Modern Software Stack

[code w/Guillaume 💻 @guillaume_rygn]

J'ai découvert un outil qui permet de verifier qu'on à oublié aucun <meta> tags utile au SEO pour son site et les génèrent pour nous !

Franchement super utile à garder de côté quand on dev un projet !

Je mets le lien en dessous 👇

[• nanou • @NanouuSymeon]

CSS Cheat Sheet

[code w/Guillaume 💻 @guillaume_rygn]

j'ai redécouvert une lib de 829 composants déjà codé pour apporter un design hyper moderne à sa landing/app très facilement !

Franchement il y a de vrai pépites ! Je mets le lien en dessous 👇

[Praha @Praha37v]

Avoid common FAQ section mistakes and set it up to convert better.

[WebDeveloperMentor @MentorWebDev]

JavaScript array methods 👇