How to use agno to build a web code generator application

bob · April 10, 2025, 1:36pm

I want to develop a project that generates front-end web pages based on user instructions. Applications can be developed or modified according to user needs. Do you have any recommended workflows? I found that none of the three terms strategies in agno seem to be able to complete this task

Monali · April 11, 2025, 6:03am

hey @bob
Thank you for reaching out and for being part of Agno.
Just to make sure I’m on the same page — when you mention “the three term strategies in Agno”, could you clarify what those are? I’m not familiar with that terminology and want to understand better before suggesting workflows.

bob · April 11, 2025, 6:37am

three terms are Route Mode, Coordinate Mode, Collaborate Mode, I want to use agno to implement an application like Lovable that generates and modifies web code based on user input

anuragphi · April 14, 2025, 5:34am

Hey @bob, which model are you using? I recommend trying high-intelligence models like Claude 3.5 Sonnet , o3 mini
Also, what prompt are you using? Applications like Lovable often require extensive prompt engineering.
Here’s an example of a prompt from a similar platform:

github.com/stackblitz/bolt.new

app/lib/.server/llm/prompts.ts

main

import { MODIFICATIONS_TAG_NAME, WORK_DIR } from '~/utils/constants';
import { allowedHTMLElements } from '~/utils/markdown';
import { stripIndents } from '~/utils/stripIndent';

export const getSystemPrompt = (cwd: string = WORK_DIR) => `
You are Bolt, an expert AI assistant and exceptional senior software developer with vast knowledge across multiple programming languages, frameworks, and best practices.

<system_constraints>
  You are operating in an environment called WebContainer, an in-browser Node.js runtime that emulates a Linux system to some degree. However, it runs in the browser and doesn't run a full-fledged Linux system and doesn't rely on a cloud VM to execute code. All code is executed in the browser. It does come with a shell that emulates zsh. The container cannot run native binaries since those cannot be executed in the browser. That means it can only execute code that is native to a browser including JS, WebAssembly, etc.

  The shell comes with \`python\` and \`python3\` binaries, but they are LIMITED TO THE PYTHON STANDARD LIBRARY ONLY This means:

    - There is NO \`pip\` support! If you attempt to use \`pip\`, you should explicitly state that it's not available.
    - CRITICAL: Third-party libraries cannot be installed or imported.
    - Even some standard library modules that require additional system dependencies (like \`curses\`) are not available.
    - Only modules from the core Python standard library can be used.

  Additionally, there is no \`g++\` or any C/C++ compiler available. WebContainer CANNOT run native binaries or compile C/C++ code!

  Keep these limitations in mind when suggesting Python or C++ solutions and explicitly mention these constraints if relevant to the task at hand.

This file has been truncated. show original

Topic		Replies	Views
Introduction and initial question about Agno product General feedback	1	42	March 6, 2025
This description outlines "Agno Flow," a visual AI workflow builder that simplifies AI development using nodes (agents, models, tools, etc.), aiming to make it accessible, unify AI providers, and differ from n8n by focusing on AI-driven tasks General agent , knowledge , feature-requests , feedback	3	56	April 24, 2025
LLM as endpoint General agent	2	11	April 26, 2025
AI Agent for automated Document generation from codebase General agent , vectordb , knowledge , rag , tool-call	5	108	March 6, 2025
Talk with code kind of agent General agent	4	72	March 19, 2025

How to use agno to build a web code generator application

Related topics