# Food Delivery

> Food delivery app design, restaurant listing, menu display, order tracking, and food photography standards.

- Skill: `dragoon0x/food-delivery` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dragoon0x/food-delivery`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/food-delivery/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: dragoon0x (https://skillmd.com/u/dragoon0x)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dragoon0x/food-delivery

---


# Food Delivery Design

## Restaurant Listing
- Hero photo of signature dish
- Restaurant name, cuisine type, rating
- Delivery time estimate and fee
- Distance from user
- Promotion badges ("Free delivery", "20% off")
- Open/closed status

## Menu Display
- Categories with sticky header while scrolling
- Item: photo, name, description, price
- Dietary tags: vegetarian, vegan, gluten-free, spicy level
- Popular items highlighted
- Customization options in a bottom sheet on selection
- Add to cart with quantity selector

## Cart & Checkout
- Floating cart button with item count and total
- Easy item modification (tap to edit)
- Special instructions text field
- Tip selection (preset amounts + custom)
- Clear breakdown: subtotal, delivery fee, service fee, tip, total

## Order Tracking
- Status timeline: Confirmed → Preparing → Picked up → On the way → Delivered
- Real-time map with driver location
- Estimated arrival time (updating)
- Contact driver option (call/message)
- Photo confirmation of delivery

## Food Photography
- Overhead or 45-degree angle
- Natural lighting preferred
- Styled but not unrealistic
- Consistent background/surface across the app
- Aspect ratio: square (1:1) for grid, 16:9 for hero