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
Claude Complément Word : Traitement parallèle de documents juridiques de plus de 100 pages et de feuilles de calcul multi-onglets
Les utilisateurs rapportent la synchronisation de multiples documents juridiques de 40 à 100+ pages et de classeurs de 10 feuilles de calcul en parallèle via le complément Claude Word, avec des agents qui poussent/tirent les données et assurent la cohérence dans l'ensemble des ensembles de documents.
Utiliser Claude Code pour les Opérations de Commercialisation : Modèles d'Ingénierie de Contexte
Un développeur partage des modèles pratiques pour utiliser Claude Code au-delà du codage, spécifiquement pour exécuter des opérations de commercialisation incluant le scraping, l'enrichissement, les bases de données, l'infrastructure email et le contenu multi-plateformes. Les techniques clés incluent les fichiers CLAUDE.md, la délimitation des sessions, les outils CLI plutôt que les serveurs MCP, et les sous-agents pour les tâches lourdes.
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.
Jeu de curling en ligne créé avec Claude Sonnet 4.5 par un non-développeur.
Un développeur sans aucune expérience en programmation a créé un jeu de curling entièrement jouable dans un navigateur en utilisant Claude Sonnet 4.5. Le jeu inclut des éléments de physique, un système de score et un déroulement complet de partie, avec Claude qui a géré toute la génération de code, le débogage et les améliorations basées sur des retours en anglais simple.