O plugin de código aberto do Claude gera sintonizadores visuais interativos com pré-visualização em tempo real

✍️ OpenClawRadar📅 Publicado: April 15, 2026🔗 Source
O plugin de código aberto do Claude gera sintonizadores visuais interativos com pré-visualização em tempo real
Ad

O que ele faz

Um desenvolvedor criou um plugin de código aberto para o Claude Code que gera ajustadores visuais interativos para refinar valores CSS e de animação. Em vez do típico processo de ida e volta no chat para ajustar valores como sombras, cores e espaçamento, o plugin cria uma única página HTML com controles deslizantes e uma tela infinita no estilo Figma para visualização em tempo real.

Como funciona

Os usuários digitam /ai-fine-tuner no Claude Code. O Claude então lê o arquivo de origem real, reproduz o elemento real em uma tela interativa e fornece controles deslizantes para ajustar valores exatos. A interface suporta zoom com pinça, navegação panorâmica, alternância entre modos escuro e claro e inclui um botão "Copiar para Área de Transferência". Após os ajustes, os usuários colam os valores de volta e o Claude aplica todos os valores exatamente.

Ad

Recursos principais

  • Funciona para animações com visualização completa de keyframes incluindo controles de tempo e easing
  • Interface de editor pré-construída com tela infinita, zoom e predefinições
  • O Claude apenas preenche o elemento específico e os valores do usuário
  • Rápido e confiável sem elementos de interface alucinados

Detalhes técnicos

O plugin é instalado via: claude plugin install ai-fine-tuner@https://github.com/muhamadjawdatsalemalakoum/aifinetuner.git

Ele usa uma licença Source Available que é gratuita para uso, mas não pode ser reempacotada em produtos concorrentes.

Recursos

  • Demonstração ao vivo: https://muhamadjawdatsalemalakoum.github.io/aifinetuner/
  • Repositório GitHub: https://github.com/muhamadjawdatsalemalakoum/aifinetuner

📖 Leia a fonte completa: r/ClaudeAI

Ad

👀 See Also

Custo Real de Ferramentas de IA para Codificação: 42 Horas de Sobrecarga a Cada 60 Dias — Análise Detalhada de um Dev Solo
Tools

Custo Real de Ferramentas de IA para Codificação: 42 Horas de Sobrecarga a Cada 60 Dias — Análise Detalhada de um Dev Solo

Um desenvolvedor solo monitorou cada dólar e minuto gasto com ferramentas de codificação de IA por 60 dias. Assinaturas (US$ 200/mês) foram o menor custo; 42 horas de sobrecarga devido a saídas ruins e troca de ferramentas foram o verdadeiro imposto. O ganho líquido de produtividade foi de 1,7 a 2x, não 10x. Surpresa: CodeRabbit, uma ferramenta de revisão de US$ 15/mês, teve o maior ROI.

OpenClawRadar
Codiff v0.1.0: Um Visualizador de Diff Local para Revisões de Código Geradas por LLM
Tools

Codiff v0.1.0: Um Visualizador de Diff Local para Revisões de Código Geradas por LLM

Codiff v0.1.0 é um aplicativo de desktop rápido e minimalista para revisar diferenças Git locais, com modo de walkthrough com LLM e comentários em linha que podem ser copiados como Markdown.

OpenClawRadar
Sub-rotinas de IA: Automação Determinística de Navegador com Custo Zero de Tokens
Tools

Sub-rotinas de IA: Automação Determinística de Navegador com Custo Zero de Tokens

Os Subrotinas de IA do rtrvr.ai permitem que você grave tarefas do navegador uma vez como ferramentas acionáveis que são reproduzidas dentro do contexto da página da web com autenticação propagada gratuitamente, eliminando custos de inferência de LLM e não-determinismo para tarefas repetitivas.

OpenClawRadar
Servidor MCP para Arquivos Locais de Mapas Mentais XMind Lançado
Tools

Servidor MCP para Arquivos Locais de Mapas Mentais XMind Lançado

Um desenvolvedor publicou um servidor MCP que fornece 22 ferramentas para ler e gravar arquivos locais de mapas mentais XMind. O servidor funciona com clientes de IA compatíveis com MCP, como Claude Desktop e Cursor.

OpenClawRadar