We all know AI can generate code and content. (maybe just me), I just realized AI can also generate code *for* documentation, to create easy-to-understand and interactive visualization/tool to better explain complex mechanism.<p>For example, in the stream processing space, watermark is not quite easy to understand. In the past I have a few blogs/talks about this but with Claude or any other capable model, you can ask AI to create an interactive demo with configurable settings, random data and frame-by-frame explanation.<p>Live Demo: <a href="https://docs.timeplus.com/understanding-watermark#try-it-out" rel="nofollow">https://docs.timeplus.com/understanding-watermark#try-it-out</a>
Source Code (80% AI,20% me): <a href="https://github.com/timeplus-io/docs/blob/main/src/components/TimeplusWatermarkVisualization.js" rel="nofollow">https://github.com/timeplus-io/docs/blob/main/src/components...</a><p>docusaurus and other docs framework supports React components for a long time, but only experienced frontend developers can build such interactive demo. Now with AI, you can explain the concepts to the AI and let it create the initial interactive tool. For sure there will be many issues in the initial code. You have to keep correcting them, giving then suggestions and refine or even update the code by yourself. I spent ~4 hours working with AI to refine this tool. If I wrote from scratch I probably need 20+ hours