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
ClawProxy: Self-Hosted AI Routing Proxy for Rotating Free-Tier API Keys
ClawProxy is a self-hosted AI routing proxy that manages multiple free-tier AI API keys to avoid rate limits and provider overloads. It features in-flight key rotation, weighted load balancing, model translation, and a dashboard with deep-parsed logs.
Super Claude browser extension makes Claude.ai UI fully customizable
A developer built a browser extension that lets users customize every aspect of Claude.ai's interface — colors, fonts, layout, plus usage tracking and token counting. The extension works on Chrome and Firefox and was developed using Claude itself.
Open-source Claude Code skill diagnoses AI adoption roadblocks
An MIT-licensed Claude Code skill analyzes where companies get stuck with AI adoption—tooling, culture, or measurement—and builds 90-day plans with named owners. Based on interviews with 100+ founders and board members.
Jobly: Contract Marketplace with AI-First Dispute Resolution and Community Voting
Jobly is a contract marketplace built with Next.js 14, TypeScript, and Supabase, featuring an escrow system with 10% provider bonds on proposals and a dispute pipeline that starts with AI evaluation using Claude, then allows appeals to community stake voting.