Creating websites from a single prompt with auto generated images or website generation from an image style add single components with the component generator, live text editor, html editor (in developement, not released yet)
Key Features of Nano Cody
AI-Powered Project Generation:
Create entire multi-file websites from a single text prompt. The AI generates interconnected HTML, a complete style.css file, and a functional script.js for interactivity, populated with relevant content and images.
Visual-First Design:
Image-to-Website Workflow:
Start your design process with a single image. The AI analyzes its style and theme to generate a complete, multi-page website with new, contextually related images and relevant written content.
Intelligent Component Integration:
Go beyond simple code generation. Ask for functional components like a “navigation menu,” and the AI will analyze your page, identify key sections, add the necessary IDs, and insert a fully working, pre-linked component.
Live WYSIWYG Text Editor:
Click directly on any text or image element in the live preview to edit it with a rich text editor. Changes are reflected in real-time without reloading the page, with an explicit “Commit” button to safely save updates to the source code.
Advanced Project Modification:
Use natural language to perform complex, project-wide changes. Instruct the AI to alter color schemes, add new pages, rewrite content, or generate and integrate new images across multiple files simultaneously.
Built-in SEO & GEO Audit Suite:
Analyze any open HTML file for over 50 optimization factors. The tool provides an overall score and a detailed checklist with actionable recommendations, including one-click “Apply Fix” buttons for many common issues.
Automated Code Repair:
A dedicated AI tool to diagnose and automatically fix technical errors in your HTML, CSS, and JavaScript, from unclosed tags to syntax mistakes, preserving the original design and functionality.
Integrated Image Generation & Management:
Generate high-quality images from text prompts using Imagen. All assets are automatically stored in an integrated Image Browser, where they can be renamed, downloaded, deleted, or integrated into pages.
Full Project Lifecycle Management:
Save your entire workspace—including all open files and generated images—into a single .json file. Load projects to instantly resume your work, or export the entire project as a production-ready .zip file with all image links automatically converted to relative paths.
Direct SFTP Deployment: Upload your entire finished project directly to your web server from within the application, enabling instant publishing without needing a separate FTP client.
Multi-File IDE-like Interface:
Work efficiently with a flexible, multi-panel layout featuring a tabbed editor for multiple files, resizable columns, and a robust set of toolbars and menus for professional control.
[de]
Websites aus nur einem einzigen Prompt erstellen – mit automatisch generierten Bildern oder Webseiten aus einem Bildstil heraus generieren. Füge einzelne Komponenten mit dem Component Generator hinzu, nutze den Live-Texteditor sowie den HTML-Editor mit Syntax-Highlighting (in Entwicklung, noch nicht veröffentlicht).
Hauptfunktionen von Nano Cody
KI-gestützte Projektgenerierung
Erstelle komplette, mehrteilige Websites aus einem einzigen Text-Prompt. Die KI generiert miteinander verknüpfte HTML-Dateien, eine vollständige style.css sowie eine funktionale script.js für Interaktivität, inklusive relevanter Inhalte und automatisch erzeugter Bilder.
Visuell-orientiertes Design
Image-to-Website-Workflow: Beginne den Designprozess mit nur einem Bild. Die KI analysiert dessen Stil und Thema und erzeugt daraus eine vollständige, mehrseitige Website mit neuen, kontextuell passenden Bildern und relevant formulierten Texten.
Intelligente Komponenten-Integration
Gehe über einfache Code-Erzeugung hinaus. Frage z. B. nach einem „Navigationsmenü“ – die KI analysiert die Seite, erkennt wichtige Abschnitte, fügt notwendige IDs hinzu und integriert eine vollständig funktionale, bereits korrekt verlinkte Komponente.
Live WYSIWYG-Texteditor
Klicke direkt in der Live-Vorschau auf Text- oder Bildelemente, um sie mit einem Rich-Text-Editor zu bearbeiten. Änderungen erscheinen in Echtzeit ohne Neuladen der Seite. Ein expliziter „Commit“-Button speichert die Anpassungen sicher im Quellcode.
Erweiterte Projektmodifikation
Nutze natürliche Sprache, um komplexe, projektweite Änderungen vorzunehmen. Weise die KI an, Farbschemata zu ändern, neue Seiten zu erstellen, Inhalte umzuschreiben oder neue Bilder projektübergreifend zu generieren und einzubinden.
Integrierte SEO- & GEO-Audit-Suite
Analysiere jede HTML-Datei anhand von über 50 Optimierungsfaktoren. Das Tool liefert einen Gesamtscore und eine detaillierte Checkliste mit konkreten Handlungsempfehlungen – inklusive „Fix anwenden“-Buttons für viele gängige Probleme.
Automatische Code-Reparatur
Ein dediziertes KI-Tool erkennt und behebt technische Fehler in HTML, CSS und JavaScript – von ungeschlossenen Tags bis Syntaxfehlern – ohne bestehendes Design oder Funktionalität zu beeinträchtigen.
Integrierte Bildgenerierung & -verwaltung
Erzeuge hochwertige Bilder direkt aus Textprompts (Imagen). Alle Assets werden automatisch im integrierten Image Browser gespeichert, wo sie umbenannt, heruntergeladen, gelöscht oder auf Seiten eingefügt werden können.
Komplettes Projekt-Lifecycle-Management
Speichere deine gesamte Arbeitsumgebung – inklusive aller geöffneten Dateien und generierten Bilder – in einer einzigen Datei. Lade Projekte wieder, um exakt dort weiterzuarbeiten, oder exportiere sie als produktionsfertige .zip-Datei mit automatisch relativierten Bildpfaden.
Direktes SFTP-Deployment
Veröffentliche dein gesamtes Projekt direkt aus der Anwendung auf deinem Webserver, ohne zusätzliche FTP-Programme.
Multi-File-IDE-ähnliches Interface
Arbeite effizient mit einer flexiblen, mehrteiligen Oberfläche, einem tab-basierten Editor für mehrere Dateien, skalierbaren Spalten sowie einer umfangreichen Werkzeug- und Menüleiste für professionelle Kontrolle.
[:]