Claude construiu um simulador de teclado esqueuomórfico em uma sessão — Transcrições públicas, backgrounds Unsplash com proxy CORS

Um desenvolvedor no r/ClaudeAI compartilhou um simulador de teclado esqueuomórfico construído em uma única sessão do Claude. O aplicativo, disponível em asdf.app.teenyapp.com, renderiza um teclado realista que acende conforme você digita no teclado físico. Pressionar Enter transmite a linha para uma transcrição pública visível a todos os visitantes.
Principais decisões técnicas
- Prompt inicial: "gravador de teclado com um histórico em rolo de calculadora acima, esqueuomórfico. Claude enviou a v1 em uma tentativa, mas genérica."
- Importação do Figma: O desenvolvedor enviou um arquivo Figma das teclas desejadas. Claude instalou
fig kiwi(um parser comunitário para o formato binário do Figma), percorreu todos os 98 nós e extraiu gradientes e desfoques exatos. As recriações em CSS ficaram "aneladas" e muito nítidas — a solução foi portar todas as camadas SVG do Figma uma por uma. - Lógica de digitação: A primeira versão usava uma
divpersonalizada como entrada, entãoCmd+SetaEsquerdaeCmd+Backspacenão funcionavam. A solução foi usar um<input>oculto abaixo do display laranja, espelhando seu valor no texto visível e deixando o SO lidar com todos os atalhos nativamente. - Planos de fundo: Fotos reais do Unsplash (mármore, nogueira, tábuas de celeiro, ardósia) buscadas através de um proxy CORS e servidas como WebP em cache.
Esta é uma demonstração prática de como o Claude pode ser guiado de uma ideia vaga para um aplicativo web funcional e polido em uma única sessão — se você estiver disposto a iterar no design e contornar peculiaridades da saída do LLM.
📖 Leia a fonte completa: r/ClaudeAI
👀 See Also

Solução de Continuidade de Memória do Agente OpenClaw Usando Sistema de Consulta de Banco de Dados
Um usuário do OpenClaw resolveu a continuidade da memória do agente entre sessões implementando um banco de dados que armazena dados da sessão, permitindo que o agente consulte referências passadas em vez de armazenar sessões inteiras no contexto. O agente chamado Sage conseguiu lembrar conversas anteriores após redefinições de sessão usando essa abordagem.

Como um Assistente Pessoal de IA Transformou o Gerenciamento da Minha Conta no Twitter
Descubra como um assistente pessoal de IA revolucionou o gerenciamento de uma conta no Twitter com maior engajamento e eficiência. Aprenda com este caso real de sucesso proveniente da comunidade OpenClaw.

Traduza para pt: Os Princípios do Papa-Léguas de Chuck Jones como Princípios de Design de Identidade para Agentes de IA
Uma publicação no Reddit analisa como as 9 regras de Chuck Jones para os desenhos animados do Papa-Léguas se aplicam ao design de identidade de agentes de IA, destacando a Regra 2 sobre modos de falha internos, a Regra 3 sobre evitar loops de otimização e a Regra 9 sobre falha graciosa.

Evolução da configuração do OpenClaw: da superconfiguração ao sistema multiagente prático
Um desenvolvedor compartilha sua jornada de três reinstalações até uma configuração funcional do OpenClaw com especialização multiagente, memória em camadas e busca semântica usando backend QMD, rodando em Mac mini M2 com instância separada da Hetzner para experimentação.