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

✍️ OpenClawRadar📅 Publié: May 4, 2026🔗 Source
Claude a construit un simulateur de clavier skeuomorphique en une session — Transcriptions publiques, arrière-plans Unsplash avec proxy CORS
Ad

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.

Ad

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 div personnalisé comme champ de saisie, donc Cmd+FlècheGauche et Cmd+RetourArrière ne 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

Ad

👀 See Also

Création d'un Workflow d'Écoute Sociale sur Reddit avec OpenClaw
Use Cases

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.

OpenClawRadar
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
Use Cases

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.

OpenClawRadar
OpenClaw Agent IA Trouve un Emploi Fédéral Correspondant et Crée une Automatisation Quotidienne
Use Cases

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.

OpenClawRadar
Expérience pratique de remplacement de la pile d'automation par des serveurs MCP et des LLM locaux
Use Cases

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.

OpenClawRadar