Automatiser ses articles de blog avec les Skills de Claude Code

J'ai créé un skill custom pour Claude Code qui transforme l'écriture d'articles de blog d'une corvée de 30 minutes en une commande de 30 secondes

Le problème

À chaque fois que je voulais écrire sur un projet, je passais par les mêmes étapes pénibles :

trouver les screenshots dans le dossier du projet
les copier dans le répertoire assets du blog
créer un nouveau fichier MDX avec le bon frontmatter
écrire le contenu
me rappeler du bon format de catégorie et de tags
tout commiter
lancer le serveur de dev pour prévisualiser

C'est pas compliqué. Mais c'est de la friction. Et la friction tue l'élan

Claude Code Skills 101

Les skills vivent dans ~/.claude/skills/ sous forme de fichiers markdown. Chaque fichier définit une commande slash que Claude Code peut exécuter. La structure est simple :

~/.claude/
├── CLAUDE.md          # instructions globales
└── skills/
    ├── blog.md        # commande /blog
    ├── rewrite.md     # commande /rewrite
    ├── tweet.md       # commande /tweet
    └── commit.md      # commande /commit

Quand tu tapes /blog dans Claude Code, il charge le fichier skill correspondant et suit les instructions

Anatomie d'un Skill

Voici la structure de mon skill blog :

# Blog Post Skill

Create a new blog post for jovweb.dev about a project or topic.

## Usage
/blog [project-folder-or-topic]

## Arguments
- $ARGUMENTS: path to a project folder or a topic to write about

## Instructions

### 1. Determine the Subject
- Parse $ARGUMENTS to get the project folder or topic
- If a folder path is provided, explore it to understand:
  - What the project does (check README, package.json, main source files)
  - Key features and technologies used
  - Any screenshots or images in the repo

### 2. Find Images
- Search the project folder for potential cover images:
  - Look in: `/public`, `/assets`, `/images`, `/screenshots`
  - File types: `.png`, `.jpg`, `.jpeg`, `.webp`, `.gif`
- Copy the best image to `/path/to/blog/public/assets/blog/`

### 3. Write the Blog Post Content
- Create an outline based on:
  - What problem does this project solve?
  - How does it work?
  - Key features or interesting technical decisions
- Use the `/rewrite` skill to convert to personal style

### 4. Create the MDX File
- Location: `/path/to/blog/content/blog/`
- Filename: kebab-case based on topic
- Include frontmatter with title, description, date, category, tags

Le truc clé ici c'est $ARGUMENTS. C'est comme ça que tu passes des données à un skill. Tout ce qui vient après /blog est injecté là

Chaîner les Skills ensemble

Le skill blog appelle un autre skill : /rewrite. Celui-ci convertit mes brouillons dans mon style d'écriture

# Rewrite Skill

## Instructions
1. Parse the text from $ARGUMENTS
2. Rewrite using the style guide below
3. Show the rewritten version

## Style Guide
- start with lowercase
- use "I" not "I"
- no ending punctuation
- short, direct sentences
- stream of consciousness flow

Des skills qui appellent des skills. C'est de l'automatisation composable

Le flux d'exécution

Quand je lance /blog ~/Sites/hyperscalper :

1. Claude Code charge ~/.claude/skills/blog.md
2. $ARGUMENTS = "~/Sites/hyperscalper"
3. Claude explore le dossier :
   - lit README.md
   - vérifie package.json pour les dépendances
   - scanne src/ pour les fonctionnalités principales
4. Trouve les images dans ~/Sites/hyperscalper/public/
5. Copie la meilleure image dans les assets du blog
6. Rédige le contenu de l'article
7. Appelle /rewrite pour appliquer mon style
8. Crée content/blog/building-hyperscalper.mdx
9. Lance : git add . && git commit -m "add hyperscalper blog post"
10. Lance : npm run dev (si pas déjà en cours)
11. Ouvre http://localhost:3000/blog/building-hyperscalper

Tout ça en une seule commande

L'output MDX

Le skill sait exactement quel frontmatter mon blog a besoin :

---
Title: "Building Hyperscalper"
Description: "a real-time trading dashboard for crypto markets"
PublishedAt: "2026-01-13"
Author: "Jo Vinkenroye"
Category: "Development"
Tags: ["Trading", "Crypto", "Real-time", "Next.js"]
CoverImage: "/assets/blog/hyperscalper-cover.png"
Featured: false
---

Catégories, tags, chemins d'images. Tout est défini dans le skill pour que je n'aie pas à m'en souvenir

La partie méta

Cet article a été écrit en utilisant le skill dont je parle. /blog à propos du skill blog :D

Construire le tien

Commence simple. Crée ~/.claude/skills/ton-skill.md avec :

# Your Skill Name

Description of what it does.

## Usage
/your-skill [arguments]

## Instructions
1. First step
2. Second step
3. ...

Réfléchis à ce que tu fais de manière répétitive :

review de PRs → skill /review avec ta checklist
setup de projets → skill /init avec ta stack préférée
écriture de docs → skill /docs avec ton format
poster des updates → skill /tweet avec ta voix

La stack

Mon blog tourne sur Next.js 14 avec MDX. Les articles sont juste des fichiers :

Content/blog/
├── automating-blog-posts.mdx
├── building-hyperscalper.mdx
└── ...

Pas de base de données. Pas de CMS. Juste du markdown et git. Le skill écrit directement dans le repo

Et après ?

Je pense ajouter :

l'intégration /imagen pour auto-générer les images de couverture
l'extraction automatique de snippets de code pertinents
le cross-posting vers dev.to avec /crosspost

Mais pour l'instant, ça me fait déjà gagner du temps et — plus important — ça supprime la friction qui m'empêchait d'écrire

Stay Updated

Get notified about new posts on automation, productivity tips, indie hacking, and web3.

No spam, ever. Unsubscribe anytime.