Food Delivery Mobile UI System
Modern food delivery mobile UI system featuring restaurant listings, food cards, cart, checkout, delivery tracking, promotions, and user account screens with a clean orange-accented design.
Design
food delivery
mobile ui
restaurant app
food ordering
cart
checkout
delivery tracking
design system
mobile components
app design
ios
android
ui kit
wireframe
modern ui
MCP Tool
render_wireframe
Output Type
Design
Input Examples
Copy
Create a food delivery app home screen with restaurant cards and category filters.
How to Use
1
Connect MCP Server
Add MockFlow WireframePro MCP to your AI assistant:
Desktop MCP
Web MCP
claude mcp add --transport http -s user mockflow-wireframepro http://localhost:21194/mcp
Requires MockFlow Desktop app running locally
npm install -g @mockflow/wireframepro-mcp && mockflow-wireframepro-mcp login && mockflow-wireframepro-mcp
Install CLI, login with your MockFlow account, then start the server
2
Install Skill
Download the SKILL.md file and place it in your skills directory:
~/.claude/skills/mockflow-food-delivery-mobile-ui-system/SKILL.md
3
Use the Skill
Claude Code will auto-detect when your prompt matches the skill. You can also invoke it directly with
/mockflow-food-delivery-mobile-ui-system.Related skills
X Platform Style
A high-contrast dark mode design system inspired by the X social platform
Notion Workspace Style
Minimalist digital document and productivity tool aesthetic following Notion's visual language
Healthcare Management System UI
Transforms wireframes into modern healthcare, hospital management, clinic administration, patient management, and medical dashboard interfaces using a professional blue healthcare design system.
OTT Streaming Website Generator
Create modern OTT streaming platform websites with movie catalogs, hero banners, content carousels, subscription plans, user profiles, watchlists, and responsive layouts.
Support
Videos
