fluent-visual-sync
CommunityInteractively visualize Fluent state in chat.
Authorshaner-git
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Render Fluent state inside chat as an interactive widget and persist changes by sending structured updates back through chat for the assistant to apply via MCP.
Core Features & Use Cases
- Visualizer + sendPrompt round-trip: embed a sandboxed HTML widget that renders Fluent data and allows users to toggle rows and generate a serialized summary.
- Data fetch and contract: fetch grocery plans for a given week and embed as a stable itemKey-based model for reliable syncing.
- Use case: inline, interactive grocery checklist within chat with a single prompt to persist changes back to Fluent.
- Extensibility: designed to support other Fluent domains beyond groceries (e.g., workouts, meals) with the same widget-pattern.
Quick Start
Deploy the visual-sync widget in a chat-enabled host, connect it to the current Fluent grocery plan, and begin interactive syncing.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: fluent-visual-sync Download link: https://github.com/shaner-git/fluent-oss/archive/main.zip#fluent-visual-sync Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.