OK NEW PROJECT SO HERE WHAT I WANT SAY LM STUDIOS AND ANYTHING LLM AND AI AGENT BUILDER AND TRAINER ALL BUILT INTO ONE WITH ALL OF THE OPT THAT YOU NEED TO BUILD TRAIN AND DEPLOY AI AGENT AI PROGRAMS AND CODEING AI AND SOFT WARE DEV AI
47b04e4
verified
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>LM Studios - AI Agent Builder & Trainer</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script> | |
| <style> | |
| .glow-text { | |
| text-shadow: 0 0 10px rgba(110, 231, 183, 0.8); | |
| } | |
| .code-block { | |
| font-family: 'Courier New', monospace; | |
| background-color: #1e293b; | |
| border-left: 3px solid #10b981; | |
| } | |
| .feature-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 25px rgba(16, 185, 129, 0.3); | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-900 text-gray-100 min-h-screen"> | |
| <div id="vanta-bg" class="fixed inset-0 z-0"></div> | |
| <div class="relative z-10 container mx-auto px-4 py-8"> | |
| <!-- Header --> | |
| <header class="flex flex-col md:flex-row justify-between items-center mb-12 border-b border-teal-500 pb-6"> | |
| <div class="flex items-center space-x-4 mb-4 md:mb-0"> | |
| <i data-feather="cpu" class="w-10 h-10 text-teal-400"></i> | |
| <h1 class="text-3xl md:text-4xl font-bold glow-text text-teal-400">LM Studios</h1> | |
| </div> | |
| <nav class="flex space-x-6"> | |
| <a href="#" class="text-teal-300 hover:text-white font-medium flex items-center"> | |
| <i data-feather="home" class="mr-2"></i> Home | |
| </a> | |
| <a href="builder.html" class="text-teal-300 hover:text-white font-medium flex items-center"> | |
| <i data-feather="code" class="mr-2"></i> Agent Builder | |
| </a> | |
| <a href="trainer.html" class="text-teal-300 hover:text-white font-medium flex items-center"> | |
| <i data-feather="activity" class="mr-2"></i> Trainer | |
| </a> | |
| <a href="deploy.html" class="text-teal-300 hover:text-white font-medium flex items-center"> | |
| <i data-feather="cloud" class="mr-2"></i> Deploy | |
| </a> | |
| </nav> | |
| </header> | |
| <!-- Hero Section --> | |
| <section class="mb-16 text-center"> | |
| <h2 class="text-4xl md:text-5xl font-bold mb-6 glow-text">Build, Train & Deploy <span class="text-teal-400">AI Agents</span></h2> | |
| <p class="text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto mb-8"> | |
| The complete platform for creating custom AI agents with AnythingLLM, coding assistance, and deployment tools. | |
| </p> | |
| <div class="flex justify-center space-x-4"> | |
| <a href="builder.html" class="bg-teal-600 hover:bg-teal-500 text-white px-6 py-3 rounded-lg font-medium flex items-center transition"> | |
| <i data-feather="terminal" class="mr-2"></i> Start Building | |
| </a> | |
| <a href="trainer.html" class="border border-teal-400 text-teal-400 hover:bg-teal-900/50 px-6 py-3 rounded-lg font-medium flex items-center transition"> | |
| <i data-feather="activity" class="mr-2"></i> Train Models | |
| </a> | |
| </div> | |
| </section> | |
| <!-- Features Grid --> | |
| <section class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16"> | |
| <div class="bg-gray-800/70 backdrop-blur-sm p-6 rounded-xl border border-gray-700 feature-card transition duration-300"> | |
| <div class="bg-teal-900/30 w-12 h-12 rounded-lg flex items-center justify-center mb-4"> | |
| <i data-feather="box" class="text-teal-400"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">Agent Builder</h3> | |
| <p class="text-gray-300">Visual interface to create AI agents with custom behavior, knowledge bases, and response templates.</p> | |
| </div> | |
| <div class="bg-gray-800/70 backdrop-blur-sm p-6 rounded-xl border border-gray-700 feature-card transition duration-300"> | |
| <div class="bg-teal-900/30 w-12 h-12 rounded-lg flex items-center justify-center mb-4"> | |
| <i data-feather="database" class="text-teal-400"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">Model Training</h3> | |
| <p class="text-gray-300">Fine-tune models with your data and optimize for specific tasks using our training pipeline.</p> | |
| </div> | |
| <div class="bg-gray-800/70 backdrop-blur-sm p-6 rounded-xl border border-gray-700 feature-card transition duration-300"> | |
| <div class="bg-teal-900/30 w-12 h-12 rounded-lg flex items-center justify-center mb-4"> | |
| <i data-feather="cloud" class="text-teal-400"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">One-Click Deploy</h3> | |
| <p class="text-gray-300">Deploy your agents as APIs, chatbots, or embedded solutions with our infrastructure.</p> | |
| </div> | |
| </section> | |
| <!-- Demo Section --> | |
| <section class="bg-gray-800/70 backdrop-blur-sm rounded-xl border border-gray-700 p-6 mb-16"> | |
| <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 items-center"> | |
| <div> | |
| <h2 class="text-2xl font-bold mb-4">AI Code Generation Demo</h2> | |
| <p class="text-gray-300 mb-6">See how our AI can generate complete software solutions from natural language prompts:</p> | |
| <div class="code-block p-4 rounded-lg text-sm overflow-x-auto"> | |
| <pre class="text-green-400"> | |
| # Generate a Python web scraper | |
| import requests | |
| from bs4 import BeautifulSoup | |
| def scrape_website(url): | |
| response = requests.get(url) | |
| soup = BeautifulSoup(response.text, 'html.parser') | |
| return { | |
| 'title': soup.title.string, | |
| 'links': [a['href'] for a in soup.find_all('a', href=True)] | |
| }</pre> | |
| </div> | |
| </div> | |
| <div> | |
| <img src="http://static.photos/technology/640x360/42" alt="AI Agent Dashboard" class="rounded-lg shadow-xl"> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="text-center text-gray-400 border-t border-gray-800 pt-8"> | |
| <div class="flex justify-center space-x-6 mb-6"> | |
| <a href="#" class="hover:text-teal-400"><i data-feather="github"></i></a> | |
| <a href="#" class="hover:text-teal-400"><i data-feather="discord"></i></a> | |
| <a href="#" class="hover:text-teal-400"><i data-feather="twitter"></i></a> | |
| </div> | |
| <p>© 2023 LM Studios - AI Agent Builder Platform</p> | |
| <p class="text-sm mt-2">Powered by AnythingLLM and custom model training</p> | |
| </footer> | |
| </div> | |
| <script> | |
| // Initialize Vanta.js background | |
| VANTA.NET({ | |
| el: "#vanta-bg", | |
| mouseControls: true, | |
| touchControls: true, | |
| gyroControls: false, | |
| minHeight: 200.00, | |
| minWidth: 200.00, | |
| scale: 1.00, | |
| scaleMobile: 1.00, | |
| color: 0x10b981, | |
| backgroundColor: 0x111827, | |
| points: 12.00, | |
| maxDistance: 25.00, | |
| spacing: 18.00 | |
| }); | |
| // Initialize feather icons | |
| feather.replace(); | |
| </script> | |
| </body> | |
| </html> |