Skip to main content
idapt
HomeCodeAI ModelsPricing
Sign inStart free
  • Home
  • Pricing
  • AI Models
  • Image models
  • Voice models
  • Video models
  • Rankings
  • New models
  • Model status
  • Multi-Model Chat
  • Voice Mode
  • Voice HUD
  • Web Search
  • Image Generation
  • Video Generation
  • Audio Generation
  • Transcription
  • Drive
  • Credentials
  • Sharing
  • Workspaces
  • Tasks
  • Memory
  • Agents
  • Subagents
  • Automations
  • Skills
  • idapt Code
  • Code Execution
  • Computers
  • Computer Use
  • Computer Assist · Soon
  • Containers
  • Cloud Computers
  • Local AI
  • AI Gateway
  • API & SDK
  • CLI
  • MCP
  • Tunnels
  • All features →
  • LLM cost calculator
  • Token counter
  • Context window checker
  • Can I run it
  • Model picker quiz
  • Savings finder
  • Video cost estimator
  • Text to speech cost
  • Transcription cost
  • API endpoint tester
  • All free tools →
  • Blog
  • Use cases
  • Comparisons
  • Best of
  • Skills
  • Learn
  • Changelog
  • Help center
  • FAQ
  • Privacy
  • Compare all models
  • Support
  • idapt Code
  • Developers
  • Quickstarts
  • API reference
  • API pricing
  • CLI
  • MCP
  • Downloads
  • Desktop
  • Badges and embeds
© idapt[email protected]TermsPrivacy PolicyLegal noticeReport content
X (Twitter)
All skills
Code

Build a clickable prototype

A real interactive mock you can hand someone to try.

Fill it in

The screens and what happens between them.

Which frame.

Things you tick stay ticked between screens.

Your prompt

Build a clickable prototype for Phone.

[the app]

Make it FEEL real. The point of a prototype is to find out whether the flow works
by watching someone use it, and that only happens if tapping things responds the
way they expect. Dead buttons end the test, because the person starts asking what
is real instead of using it.

Keep state across screens: things ticked stay ticked, added items appear in the
list. Without that, the second screen contradicts the first and the illusion goes.
Use realistic content, not lorem ipsum and not perfect data. Long names, empty
states and a list of one are where designs break.

One self-contained HTML file.
Use Build a clickable prototypeOpens with everything above already filled in.

Why this works

Dead buttons end a usability test, because the person starts asking what is real instead of using it. This keeps state across screens and uses realistic content rather than lorem ipsum, since long names, empty states and a list of one are where designs actually break.

More code skills

  • idapt Code
  • Fix a failing test

Use it now in a chat in 1 click

Use Build a clickable prototype
Fix a GitHub issue
  • Find security bugs
  • Ship a feature
  • Speed up slow code