How to Use AI Input and Output in a Web Page
Div-idy makes AI-powered web pages simple. You don’t need to wire inputs, APIs, or outputs. Just describe what you want users to enter and what the AI should return—Div-idy handles the rest.
Quick Answer
To use AI input and output in a web page, just describe the experience you want to build. Div-idy automatically creates the input fields, sends the data to the AI, and displays the output in the UI.
“Create a page where users enter a business idea and the AI returns a startup name, tagline, and short description.”
Step-by-Step
Open or create a project
Go to your dashboard and open a project.
Open: /myaccount
Click a project → open the editor.Describe the AI input
Tell Div-idy what users should type into the page.
Prompt example:
Create a text input where users describe their travel destination,
budget, and number of days.Describe the AI output
Explain what the AI should generate in response.
Continue prompt:
The AI should return a daily travel itinerary with activities,
food suggestions, and a short summary.Generate
Click Generate. Div-idy wires up the AI logic and UI automatically.
Click: Generate
Result: AI-powered page with input + output.Iterate with prompts
Refine the experience by prompting UI or output changes.
Follow-up examples:
- Add a loading state while the AI is generating.
- Format the output as cards instead of paragraphs.
- Add a “Copy to clipboard” button for results.
- Limit responses to 300 words.Prompt Examples You Can Copy
AI idea generator
User enters an idea, AI expands it.
Create a page where users enter a business idea.
The AI should generate a name, elevator pitch, and target audience.AI text rewriter
User enters text, AI rewrites it.
Create a page where users paste text.
The AI should rewrite it to sound more professional and concise.AI comparison tool
Structured output based on user input.
Create a page where users enter two products.
The AI should return a comparison table with pros, cons, and a recommendation.