skills.rest
reason-machines
reason-machinesOFFICIAL
Explore all skills by this author →
Website𝕏@reasonmachinesGitHub

open-mcp-apps-persistent-ui

Create persistent single-file HTML UI apps backed by SQLite collections via MCP tools.

7|2|Updated May 16, 2026
Search Tags:#SQLite#MCP#kanban#html apps#app registry#persistent ui#ai widgets
One-click install
npx skills add https://github.com/reason-machines/mcp-skills --skill open-mcp-apps-persistent-ui-reason-machines
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: open-mcp-apps-persistent-ui
Source: https://github.com/reason-machines/mcp-skills/tree/main/skills/open-mcp-apps-persistent-ui
Command: npx skills add https://github.com/reason-machines/mcp-skills --skill open-mcp-apps-persistent-ui-reason-machines

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? AI-generated interfaces normally vanish when a conversation ends, forcing users to rebuild dashboards, trackers, and boards from scratch. This Skill lets an AI assistant write, save, and reopen reusable UI components whose data persists across conversations and hosts. ## Core Features & Use Cases - App Registry: Save single-file HTML apps (up to 200 KB) with save_app, then list, retrieve, update, or delete them through MCP tools. - Persistent Data: Apps bind to versioned SQLite collections with idempotent mutations and optimistic concurrency control via the window.oma API. - Built-in Library: 17 ready-made apps (kanban, study cards, family planner) installable from the library UI or via install-app.mjs. - Use Case: A user asks for a habit tracker; the AI reads the authoring guide with get_app_guide, writes the HTML app, saves it, and opens it with seeded data. Weeks later, "open my habit tracker" restores everything. ## Quick Start Ask your AI assistant to create a kanban board with open-mcp-apps and open it with a few sample tasks.

Frequently Asked Questions about open-mcp-apps-persistent-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a persistent UI component with an AI assistant?▼

Ask the AI to build the component, and it calls get_app_guide to read the authoring contract, writes a single-file HTML app, saves it with save_app, and opens it with seeded initial items. The app and its data persist across future conversations.

How do I install open-mcp-apps on Claude Desktop or Codex?▼

Run the one-line installer script from the GitHub repository, which prompts for hosts to register and creates a shared per-user data store. Afterward, fully quit and reopen the host and approve tool permissions.

Does open-mcp-apps data persist between conversations?▼

Yes, app data is stored in a versioned SQLite database at a fixed per-user location shared across hosts. Reopening an app with its open_<name> tool restores all previously saved items.

What are the limitations of open-mcp-apps HTML apps?▼

Apps must be a single self-contained HTML file of at most 200 KB with no external network requests. Sandboxed apps additionally lose file and network capabilities, and provenance cannot be changed after installation.

Why are my open-mcp-apps tools not appearing after install?▼

The host must be fully quit (Cmd-Q on macOS, not just closing the window) and reopened for the MCP server registration to load. Also verify the server entry exists in the host's config file and that the process is running.

Related Skills

Explore More Software Engineering Skills→
theflysurfertheflysurfer

julien-mcp-desktop-commander

Install Desktop Commander MCP server and configure .mcp.json for desktop automation.

Community
Advanced
droxeydroxey
1

mobile-forensics

Carve SQLite databases and parse plist artifacts from mobile backups.

Community
Advanced
butchersoft-msnbutchersoft-msn

add-data-source

Guide users to add data sources in Power Apps Studio and verify MCP server availability.

Community
Intermediate
orient-botorient-bot

mini-apps

Create and manage React mini-apps with a dedicated toolchain.

Official
Advanced