Mockups FAQs

Question 1

What is Mockups and what problem does it solve?

Accepted Answer

Mockups is a self-hosted server and web gallery for AI-generated designs. It provides a centralized, persistent place to store, organize, and browse mockups that would otherwise be scattered or lost across AI sessions, ensuring consistent context and history.

Question 2

What are the key features of the Mockups web gallery?

Accepted Answer

The web gallery offers a clean, minimalist UI with project organization, a chronological feed, title filtering, infinite scroll, and a main viewer for HTML, images, and SVG mockups. It also displays detailed metadata and provides easy access to raw content.

Question 3

What kind of AI tools can integrate with Mockups?

Accepted Answer

Mockups is compatible with any AI client that supports the Model Context Protocol (MCP), such as Claude Code, Claude Desktop, or other custom MCP-compatible AI tools, enabling seamless integration for sending and managing mockups.

Question 4

How does Mockups ensure token-efficient uploads for AI models?

Accepted Answer

It utilizes a dedicated HTTP upload endpoint (`POST /api/upload`) for file content. This allows AI tools to write large files locally and send them via `curl` directly to the server, keeping the data entirely out of the AI model's token context, saving costs and improving efficiency.

Question 5

Is Mockups secure for public deployment, and does it have user authentication?

Accepted Answer

Mockups does not include built-in authentication. It is designed for trusted networks (LAN, VPN, Tailscale) or deployment behind a reverse proxy (like Traefik) that handles its own authentication layer for secure public access.

Mockups

Mockups

主な機能

ユースケース

主な機能

ユースケース