Чем отличаются Прототип Мокап и Вайрфрейм?
Различия в детализации. В порядке возрастания: 
1. Вайрфрейм
2. Прототип 
3. Мокап
Строго говоря, мокап - это изображение носителя (смартфон, ноутбук, рекламный стенд, книга, футболка, что угодно) для вставки в него изображения.
Вайрфрейм - это эскиз/набросок/черновик интерфейса. Схематичное изображение, короче.
Прототип - это функциональный эскиз, то есть, кликабельный. Например, юзабилити-тесты можно делать именно на прототипах.

Какого чёрта мокапами и прототипами стали называть эскизы я хз, началось это лет 8 назад. Если тебе понадобится найти красивенький айфон, в который на место экрана ты вставишь интерфейс своего приложения, то ты будешь искать по запросу "iphone mockup".
Если обратишься к википедии по запросу "прототип", то увидишь определение:
Прототип (инженерия) — работающая модель, опытный образец устройства или детали в дизайне, конструировании, моделировании. 
Дальше можешь зайти на вики на страницу Быстрое прототипирование и увидеть определение:
технология быстрого «макетирования», быстрого создания опытных образцов или работающей модели системы для демонстрации заказчику или проверки возможности реализации. Прототип позже уточняется для получения конечного продукта.
И только пресловутый вайрфрейм является тем самым эскизом интерфейса, который многие ошибочно называют прототипом или мокапом.