A clear starting point
Hydration, vitamin and daily habit trackers
5-panel template
HydraCoach Water Habit
App Store screenshot template.
Vibrant royal-violet studio panels with crisp 3D iPhone angles built to spotlight rings, Lock Screen widgets and daily streaks.
Free plan ($0 forever) · Pro $69/yr · No credit card required
- Visual direction
- Real 3D studio
- Authored layouts
- 5
- Text layers
- 1
- Capture inputs
- 1
Composition color palette
- #8D49FF
- #B886FF
- #6B14FA
Every background fill, gradient stop and headline color remains editable in Studio.
Automate with Remote MCP
Works with Claude, ChatGPT, Cursor & Codex
Practical walkthrough
Make this template yours.
Step 1
Show the one-tap daily logging ring on the opening panel.
Step 2
Dedicate panels 2–5 to widgets, smart reminders and monthly trends.
Step 3
Pair with a matching Apple Watch 46mm family tab in the same project.
Made to show the product
Widget-first iOS utilities
Editable after you choose
Vibrant purple 3D launch sets
How this composition works
HydraCoach uses saturated violet depth and clean white headlines so progress rings and colorful charts read clearly at a glance.
Questions
Before you start.
Are the demo app screens inside the preview replaced?
Yes. Upload your own PNG, JPEG or WebP app captures when creating the project and every device slot updates automatically.
Can I change the text, 3D angles and colors?
Yes. The template opens as structured text, image, device and vector layers—never a flattened bitmap.
Can an AI agent use this template via MCP?
Yes. Connect https://appscreendesign.com/mcp in Claude, ChatGPT, Cursor or Codex and use the copyable prompt on this page.
You built the app.
Give it an introduction.
Start with a composition. Keep every detail editable.