Maak kennis met AnyCoder, een nieuwe Kimi K2-gestuurde tool voor snel prototypen en implementeren van webapps

Deze tool, die nu beschikbaar is voor alle gebruikers van de AI-code-deelrepository van Hugging Face, integreert live previews, multimodale invoer en eenmalige implementatie - allemaal binnen een gehoste omgeving. Dit stelt onafhankelijke makers zonder veel technische expertise, of degenen die werken voor klanten of grote bedrijven, in staat om snel aan de slag te gaan met "vibe coding" van webapps met behulp van AI-modellen die door Hugging Face worden gehost.

Vibe coding toegankelijk voor iedereen, aangedreven door Kimi K2

Khaliq heeft AnyCoder ontwikkeld als een persoonlijk project binnen het ecosysteem van Hugging Face en beschrijft het als "een van de eerste vibe coding apps" die het krachtige en efficiënte Kimi K2-model van Moonshot ondersteunt, dat vorige week werd gelanceerd.

De belangrijkste functionaliteit van AnyCoder stelt gebruikers in staat om tekstuele beschrijvingen in te voeren om HTML, CSS en JavaScript te genereren. Deze worden weergegeven in een live preview-paneel en kunnen worden bewerkt of direct geïmplementeerd. Er zijn ook voorbeeldsjablonen beschikbaar voor takenlijsten, dashboards, rekenmachines en meer.

Volledig gebouwd met behulp van de open-source Python-ontwikkelomgeving Gradio van Hugging Face, stelt AnyCoder gebruikers in staat om applicaties in eenvoudig Engels te beschrijven of afbeeldingen te uploaden en onmiddellijk werkende frontend-code te genereren.

In een directe conversatie met een journalist van VentureBeat beschreef Khaliq het als een "gratis open-source vibe coding app." Hij merkte echter ook op dat meerdere open-source modellen worden ondersteund en dat gebruikers tussen deze modellen kunnen schakelen met een dropdown-menu in de controle zijbalk aan de linkerkant, waaronder:

Code genereren vanuit UI-afbeeldingen, webzoekintegratie en OCR-ondersteuning

Met behulp van het ERNIE-4.5-VL-model ondersteunt AnyCoder multimodale generatie. Gebruikers kunnen UI-ontwerpscreenshots of mockups uploaden en functionele frontend-code genereren vanuit deze ontwerpen, wat het nuttig maakt voor ontwerpers of teams die visueel werken.

AnyCoder bevat ook een website herontwerptool die inhoud van elke openbare site haalt en deze opnieuw weergeeft met een modernere lay-out. Het gebruikt verzamelde inhoud zoals paginstructuur, meta-informatie en afbeeldingen om een nieuwe versie te bouwen, eventueel geleid door gebruikersinstructies zoals "maak het minimalistisch" of "voeg een donkere modus toe."

Om up-to-date ontwerptrends en implementatiepatronen te ondersteunen, biedt AnyCoder webzoekintegratie via Tavily. Wanneer ingeschakeld met een API-sleutel, zoekt het platform naar huidige technologieën en best practices voordat het code genereert.

Gebruikers kunnen ook afbeeldingen uploaden met ingebedde tekst, zoals screenshots of handgeschreven notities, en AnyCoder haalt die inhoud eruit met behulp van Tesseract OCR. De geëxtraheerde tekst kan dan worden gebruikt om verdere aanpassingen aan de code te maken.

Vertaald met ChatGPT gpt-4o-mini