Open-source Claude plugin generates interactive visual tuners with live preview
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.
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
👀 See Also
Ruflo: Open-Source Platform for Running Multiple AI Agents as a Team
Ruflo is an open-source platform that lets you run many AI agents together to work as a team on complex tasks. Previously known as Claude Flow, it helps coordinate workflows where tasks need to be broken into parts.
SwiftUI Agent Skill: Enhancing View Development with AI
SwiftUI Agent Skill is an open-source tool that uses AI to improve SwiftUI view development by embedding best practices and optimizations.
Ory Lumen: Open Source Local Semantic Search Plugin for Claude Code
Ory Lumen is a Claude Code plugin that indexes codebases using Ollama with a code embedding model and SQLite-vec for semantic search, addressing Claude Code's performance issues with large codebases. The tool is free, local-only, and includes a SWE-style benchmark test harness for reproducible results.
Blindspot MCP: An External Brain for AI Coding Agents
Blindspot MCP is a tool that indexes full codebases using tree-sitter and SQLite to help AI coding agents understand symbols, dependencies, and relationships across files, preventing changes that break code outside their immediate context.