karyaboyraz/mockit-mcp

karyaboyraz/mockit-mcp

от karyaboyraz
MCP сервер mockit-mcp превращает текстовые промпты в PNG-мокапы iOS UI с возможностью итераций и сохранением HTML+PNG. Полезен для быстрого прототипирования дизайнерам и разработчикам.
mockit-mcp

mockit-mcp

Turn text prompts into premium iOS mobile UI mockups.

An MCP server that pairs Claude (Opus 4.7 by default) with a Playwright renderer to generate screenshot-grade mobile app designs from natural language.

Latest release MIT License GitHub stars CI status

Node.js 20+ TypeScript strict MCP 1.0 Claude Opus 4.7 Playwright


What it does

Ask Claude Code (or any MCP client):

Design the home dashboard for a fitness tracker. Three concentric activity rings, weekly bar chart, recent workouts list, premium dark mode with neon accents.

mockit-mcp returns a real PNG mockup (sized 390×844 at 2x device scale, an iPhone-class viewport) and the underlying HTML/Tailwind source — so you can iterate visually and port to SwiftUI when you're ready to build.

It's not a static template engine and it's not generic AI slop. The system prompt is hand-tuned for premium iOS aesthetics: real content, SVG icons (no emoji), tasteful gradients in place of stock photos, iOS HIG type scale, and tonal layering instead of heavy shadows.

Fitness tracker dashboard
Fitness dashboard
Volume calculator app screen (Turkish)
Volume calculator (Turkish)

Generated from a single prompt each. See examples/.

У этого сервера пока нет списка инструментов.

Похожие MCP-сервера

musepy/genable

musepy/genable

от musepy

Genable — MCP сервер, превращающий текстовый запрос в редактируемые слои Figma: авто-макет, переменные цветов и шрифтов, светлая и темная темы. Полезен дизайнерам и разработчикам для агентных инструментов (Claude Code, Cursor). Совместим с Gemini, Claude, OpenAI.

Astro⭐ 3
themesberg/flowbite-mcp

themesberg/flowbite-mcp

от themesberg

MCP сервер для работы с компонентами Flowbite на Tailwind CSS. Даёт доступ к 60+ UI-элементам, умеет генерировать тему по hex-цвету и превращать Figma-макет в код. Помогает разработчикам быстрее создавать интерфейсы.

JavaScript⭐ 42
vkhanhqui/figma-mcp-go

vkhanhqui/figma-mcp-go

от vkhanhqui

Открытый Figma MCP-сервер с полным доступом на чтение и запись через плагин. Не требует API и не имеет лимитов — подходит дизайнерам и разработчикам. Работает с AI-инструментами. Управляйте стилями...

Go⭐ 1178
kenneives/design-token-bridge-mcp

kenneives/design-token-bridge-mcp

от kenneives

MCP сервер для трансляции дизайн-токенов: извлекает из Tailwind, CSS, Figma или W3C DTCG и генерирует темы под Kotlin, SwiftUI, Tailwind и CSS-переменные. Полезен разработчикам и дизайнерам в пайплайне v0 → Figma → Claude Code.

TypeScript⭐ 5
ethbak/icon-composer-mcp

ethbak/icon-composer-mcp

от ethbak

MCP-сервер для быстрой генерации иконок, логотипов и изображений с эффектами Liquid Glass (iOS 26+). Управляет .icon-бандлами, задаёт стеклянные блики, тени, размытие и тёмную тему. Полезен дизайне...

TypeScript⭐ 61
attalla1/photopea-mcp-server

attalla1/photopea-mcp-server

от attalla1

MCP-сервер для редактирования изображений через Photopea — бесплатный фоторедактор в браузере. Создавай постеры, редактируй фото и трансформируй изображения прямо из терминала с помощью AI-агента. Полезен дизайнерам и разработчикам.

TypeScript⭐ 43
© Каталог MCP, 2026. Все права защищены.
Проект не аффилирован с Anthropic и любыми упомянутыми продуктами.
Все названия и торговые марки принадлежат их владельцам.
Контакты для связи: hi@mcp-katalog.ru

Лука Никитин