VISIMADE

Home

AI Agents

Creating a Page

Editing a Page

Working with Data

VISIMADE.md

Developers

Documentation

API Reference

Creating a Page with AI

Use AI coding agents like Claude Code to create fully functional pages on Visimade using natural language.

Step 1: Get Your API Token

First, create an API token from your Account Settings → API Tokens. Make sure to include the pages:write scope.

Your token will look like: vm_abc123...

Step 2: Tell the AI About Visimade

Start your conversation with the AI by providing your token and pointing to the documentation:

Paste this into Claude Code
My Visimade API token is: vm_your_token_here

See the Visimade documentation at: https://visimade.com/ai-agents/visimade-md

I want to create a new page.

The AI will read the documentation and understand how to interact with the Visimade API.

Step 3: Describe What You Want

Now describe the page you want to create. Be specific about:

  • What the page should do (calculator, todo list, dashboard, etc.)
  • The visual style you want
  • Whether users need to save data (and what type: personal, team, or public)
  • Any specific features or interactions
Example: Simple Interactive Page
Create a page called "Pomodoro Timer" with:
- A clean, minimal design with a dark theme
- A 25-minute countdown timer with start/pause/reset buttons
- Sound notification when the timer ends
- Track completed pomodoros in a session counter
Example: Page with Personal Data Storage
Create a page called "Daily Habit Tracker" with:
- A grid of habits the user can check off each day
- Users should be able to add/remove their own habits
- Data should be private to each user (use Solo App mode)
- Show a weekly streak counter for motivation
- Clean, calming design with soft colors
Example: Collaborative Team App
Create a page called "Team Retrospective Board" with:
- Three columns: What went well, What could improve, Action items
- Team members can add cards to any column
- Cards should show who created them
- Use Team App mode so only invited members can participate
- Include a voting system for prioritizing items
Example: Public Social App
Create a page called "Code Snippet Library" with:
- Users can submit code snippets with title, language, and description
- All snippets are public and browsable
- Users can only edit/delete their own snippets
- Include syntax highlighting
- Use Social App mode for public submissions with ownership

Step 4: Review and Iterate

After the AI creates your page, it will give you the URL. Visit the page and test it out. If you want changes, just tell the AI:

The timer looks great! Can you:
- Make the font larger for the countdown
- Add a subtle animation when the timer starts
- Change the notification sound to something softer

The AI will update the page and create a new version automatically. You can always revert to previous versions from the page settings.

Tips for Best Results

  • Be specific about data: Tell the AI what data needs to be saved and whether it should be private (Solo), shared with a team (Team), or public (Social).
  • Describe the user experience: Explain what happens when users interact with different elements.
  • Mention design preferences: Dark/light theme, color schemes, minimal/detailed layouts.
  • Iterate in small steps: Start with core functionality, then add features one at a time.
  • Test on mobile: Ask the AI to make sure the design works on smaller screens.
Next: Editing an Existing Page →View VISIMADE.md Reference
Creating a Page with AI - Visimade