arrow_back Retour au lab
Creative DevTool

Code Spotlight

Présenter du code sans screenshot moche. Un système de spotlights qui mettent en scène les lignes qui comptent, avec export propre pour glisser dans une slide ou un article.

play_circle

Video a venir

De quoi il s'agit

Montrer du code dans une présentation, c'est soit une capture illisible, soit un copier-coller qui tue la mise en forme. Code Spotlight résout le problème avec des spotlights animés : la zone qu'on veut montrer s'allume, le reste reste contextuel.

Le format

Chaque spotlight est un segment de code plus une annotation. Plusieurs spotlights forment un snippet, qui se partage par URL. L'export en image haute définition permet de coller le résultat dans une slide PowerPoint ou un article Medium sans perte.

Les deux modes de partage

Par URL du spotlight lui-même (pour montrer un point précis), ou par URL du snippet complet (pour laisser naviguer entre les spotlights). Le choix change selon qu'on veut pointer ou raconter.

Le contexte

Construit pour les conférences et les articles. Chaque talk sur l'IA appliquée demande des passages de code qui ne peuvent pas rester des captures brutes.

Stack

React Monaco Editor TypeScript Canvas