To run: Host on localhost:8000 and navigate to chack.html
🎯 Project Overview
I built a comprehensive web-based interface for interacting with multiple large language models (LLMs) directly in the browser. This project showcases advanced AI integration techniques, featuring real-time chat capabilities, image processing, file handling, and various AI-powered tools all accessible from a single, localhost-hosted interface.
The interface leverages the Puter.js SDK to connect with various AI models including Claude Sonnet 4.5, GPT-5.2, and specialized models for reasoning and code generation. It demonstrates practical implementation of modern AI APIs and creative problem-solving in AI integration.
🚀 Setup Instructions
To run this AI Model Playground locally:
- Step 1: Download the chack.html file using the button below
- Step 2: Start a local server on port 8000 (e.g.,
python -m http.server 8000) - Step 3: Navigate to
http://localhost:8000/chack.htmlin your browser - Step 4: Start experimenting with different AI models and features!
✨ Key Features - Click to Learn More
💬 Multi-Model Chat
Interactive chat with 8+ different LLM models including Claude Sonnet 4.5, GPT-5.2, GPT-5.2 Pro, and specialized models.
🎨 Image Generation
Text-to-image generation using AI models with custom prompts and real-time preview of generated images.
🔍 Image Analysis
Upload or provide URLs for AI-powered image analysis and description using vision-enabled models.
📁 File Upload & Processing
Support for uploading images, CSS, and HTML files that can be analyzed and processed by AI models.
🛠️ Tool/Function Calling
Implements AI function calling with a built-in calculator demonstrating how LLMs can use external tools.
🌐 Web Search Integration
Real-time web search capabilities allowing the AI to fetch and summarize current information from the internet.
🔊 Text-to-Speech
Convert any text into natural-sounding speech with integrated TTS capabilities.
📊 File Generation
Generate and download CSV and XLSX files directly from the interface using SheetJS integration.
⚙️ Advanced Controls
Fine-tune AI responses with streaming mode, adjustable temperature, max tokens, and prompt cancellation.
🔧 Core Functions - Click to Explore
💬 Chat System Functions
sendChat(), addToHistory(), displayHistory(), clearHistory() - Complete chat management system.
🖼️ Image Processing Functions
generateImage(), analyzeImage(), handleFileUpload() - Comprehensive image handling capabilities.
🤖 AI Model Management
testModel(), testGptOss(), testCodex() - Validate and test different AI model capabilities.
⚡ Advanced AI Features
calculateWithAI(), webSearch(), textToSpeech(), generateOutline() - Extended AI capabilities.
📄 File Operations
generateCsv(), generateXlsx() - Create and download various file formats programmatically.
🎮 Control & Configuration
cancelPrompt(), Model Selection, Advanced Options - Complete control over AI interactions.
💻 Technologies Used
Puter.js SDK, SheetJS, JavaScript ES6+, HTML5, CSS3, AI APIs - Full technology stack details.