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

Création d'un Workflow d'Écoute Sociale sur Reddit avec OpenClaw
Un développeur a créé un système automatisé de surveillance Reddit utilisant OpenClaw qui collecte des données, analyse les publications pour leur intention et leur sentiment, les classe par pertinence et enregistre les résultats dans Google Sheets avec une tâche cron.

Chercheur Indépendant Utilise l'IA Claude pour Rédiger un Article sur la Mécanique Quantique et 30 à 50 000 Lignes de Code Rust
Un chercheur indépendant a utilisé Claude IA comme collaborateur pour rédiger un article de recherche intitulé 'La géométrie de Clifford comme fondement de la mécanique quantique' et développer 30 à 50 000 lignes de code Rust sans dépendances externes. Le code vérifie les corrélations de Bell et la dynamique des ondes dans un réseau de phases.

OpenClaw Agent IA Trouve un Emploi Fédéral Correspondant et Crée une Automatisation Quotidienne
Un utilisateur a chargé son agent IA OpenClaw de trouver un emploi fédéral sur usajobs.gov correspondant à ses exigences salariales et préservant ses avantages de retraite spéciaux, ce qui a abouti à une correspondance spécifique de description de poste et à une automatisation de notifications quotidiennes.

Expérience pratique de remplacement de la pile d'automation par des serveurs MCP et des LLM locaux
Un développeur partage les résultats de 4 mois d'utilisation d'une infrastructure d'automatisation personnelle avec des serveurs MCP utilisant les modèles Qwen 2.5 32B et Llama 3.3 70B sur un matériel à double 3090, détaillant ce qui fonctionne bien et ce qui ne fonctionne pas.