Open-source Claude plugin generates interactive visual tuners with live preview

✍️ OpenClawRadar📅 Published: April 15, 2026🔗 Source
Open-source Claude plugin generates interactive visual tuners with live preview
Ad

What it does

A developer has created an open-source plugin for Claude Code that generates interactive visual tuners for fine-tuning CSS and animation values. Instead of the typical back-and-forth chat process of adjusting values like shadows, colors, and spacing, the plugin creates a single HTML page with sliders and a Figma-style infinite canvas for live preview.

How it works

Users type /ai-fine-tuner in Claude Code. Claude then reads the actual source file, reproduces the real element on an interactive canvas, and provides sliders to dial in exact values. The interface supports pinch-to-zoom, panning around, toggling between dark and light modes, and includes a "Copy to Clipboard" button. After adjustments, users paste the values back, and Claude applies all values exactly.

Ad

Key features

  • Works for animations with full keyframe preview including timing and easing controls
  • Pre-built editor interface with infinite canvas, zoom, and presets
  • Claude only fills in the user's specific element and values
  • Fast and reliable with no hallucinated UI elements

Technical details

The plugin is installed via: claude plugin install ai-fine-tuner@https://github.com/muhamadjawdatsalemalakoum/aifinetuner.git

It uses a Source Available license that's free to use but cannot be repackaged into competing products.

Resources

  • Live demo: https://muhamadjawdatsalemalakoum.github.io/aifinetuner/
  • GitHub repository: https://github.com/muhamadjawdatsalemalakoum/aifinetuner

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

Exploiting LLM Hidden Agency Signal (Â) for Better Tool Calling
Tools

Exploiting LLM Hidden Agency Signal (Â) for Better Tool Calling

A developer discovered that LLMs have a linearly separable hidden state direction called  that predicts tool calls with AUC > 0.94. Using this signal to force tool calls improved Qwen3-1.7B performance from 26.7% to 85% (+58% gain) and reduced no-tool failures from 43% to 2.6%.

OpenClawRadar
Netflix Releases VOID: Video Object and Interaction Deletion Model on Hugging Face
Tools

Netflix Releases VOID: Video Object and Interaction Deletion Model on Hugging Face

Netflix has released VOID, a video inpainting model that removes objects from videos along with all physical interactions they induce, including falling objects and displaced items. The model requires a GPU with 40GB+ VRAM and uses quadmask conditioning with two checkpoint files for different refinement levels.

OpenClawRadar
Marmy: A Self-Hosted Framework for Managing AI Coding Agents Remotely
Tools

Marmy: A Self-Hosted Framework for Managing AI Coding Agents Remotely

Marmy is an open-source, MIT-licensed framework built with Claude Code that lets developers manage AI coding agents and tmux sessions from a mobile app. It includes a Rust agent for development machines and a React Native app for remote control.

OpenClawRadar
Open-source trust scoring hook for Claude Code monitors sessions, blocks protected paths
Tools

Open-source trust scoring hook for Claude Code monitors sessions, blocks protected paths

A developer built a Python hook that scores every Claude Code session on reliability, scope, and cost dimensions, blocks access to protected paths like .env files, and hash-chains events for tamper detection. The single-file tool is available on GitHub.

OpenClawRadar