Claude a construit un simulateur de clavier skeuomorphique en une session — Transcriptions publiques, arrière-plans Unsplash avec proxy CORS

Un développeur sur r/ClaudeAI a partagé un simulateur de clavier squéuomorphique construit en une seule session Claude. L'application, accessible à asdf.app.teenyapp.com, affiche un clavier réaliste qui s'illumine lorsque vous tapez sur votre clavier physique. Appuyer sur Entrée diffuse la ligne dans une transcription publique visible par tous les visiteurs.
Décisions techniques clés
- Invite initiale : « enregistreur de clavier avec un historique sur ruban de calculatrice défilant au-dessus, squéuomorphique. Claude a livré la v1 en un passage, mais générique. »
- Import Figma : Le développeur a téléchargé un fichier Figma des touches souhaitées. Claude a installé
fig kiwi(un analyseur communautaire pour le format binaire de Figma), parcouru les 98 nœuds, et extrait les dégradés et flous exacts. Les recréations CSS sont ressorties « cerclées » et trop nettes — la solution a été de porter une par une les couches SVG depuis Figma. - Logique de frappe : La première version utilisait un
divpersonnalisé comme champ de saisie, doncCmd+FlècheGaucheetCmd+RetourArrièrene fonctionnaient pas. La solution a été d'utiliser un<input>masqué sous l'affichage orange, en reflétant sa valeur dans le texte visible et en laissant le système d'exploitation gérer tous les raccourcis nativement. - Fonds d'écran : De vraies photos Unsplash (marbre, noyer, bois de grange, ardoise) récupérées via un proxy CORS et servies en WebP mis en cache.
C'est une démonstration pratique de la façon dont Claude peut être guidé d'une idée vague à une application web fonctionnelle et soignée en une seule session — si vous êtes prêt à itérer sur le design et à contourner les bizarreries de sortie des LLM.
📖 Lire la source complète : r/ClaudeAI
👀 See Also

Flux de travail dynamiques dans Claude Code : une vélocité fonctionnelle multipliée par 3 grâce aux sous-agents parallèles
Les sous-agents parallèles dans Claude Code réduisent le temps de développement d'une fonctionnalité de 4 à 6 heures à 1,5 à 2 heures. Un développeur partage son flux de travail : 3 agents travaillent simultanément sur la documentation API, les tests et le code.

Utilisateur Crée un Convertisseur HTML pour les Exports de Chat Claude en Utilisant Claude Lui-même
Un non-développeur a utilisé Claude pour créer un convertisseur qui transforme les exportations natives de chat JSON de Claude en HTML lisible avec des messages codés par couleur, des conversations repliables et une organisation par date et heure.

Affinage de llama3.2 3B pour un coaching santé personnalisé utilisant les données d'Apple Watch et MLX
Un développeur a affiné llama3.2 3B sur un Mac en utilisant MLX en 15 minutes pour créer un LLM coach de santé qui analyse les données personnelles Apple Health et Whoop. Le modèle fournit des informations de santé spécifiques au lieu de conseils génériques, fonctionnant localement avec une empreinte mémoire de 2 Go.

Comparaison de l'exécution de PRD : Boucle Bash vs Équipes d'agents dans Claude Code
Un développeur a comparé l'exécution d'un PRD avec Claude Code en utilisant à la fois une boucle bash et la fonctionnalité Équipes d'Agents. L'approche Équipes d'Agents s'est avérée significativement plus rapide, bien qu'elle ait présenté une certaine surcharge de coordination.