Memento is a cross-platform personal assistant app built with Flutter that supports extending its functionality through integrated WebView applications.

Which build tools are supported?

The skill supports modern React build tools including Vite, Webpack, and Create React App (CRA).

Can I access Memento plugins like Diary or Notes?

Yes, the skill provides specific templates and type definitions for interacting with Memento's native Diary and Notes plugins directly from React.

Does it support Tailwind CSS v4?

Yes, it specifically includes a workflow to migrate from CDN-based Tailwind to a proper npm-based Tailwind CSS v4 installation with PostCSS.

How does the skill handle local development?

It installs and configures the 'memento-mock' package, allowing you to simulate the Memento environment and test APIs in a standard browser.

React to Memento Converter

Name: React to Memento Converter
Author: hunmer

byhunmer

•

Mobile Development

Transforms React applications into Memento WebView apps with automated API configuration and local mock environments.

About

This skill facilitates the seamless conversion of standard React projects into specialized WebView applications for the Memento cross-platform assistant. It automates complex integration tasks such as setting up memento-mock for local development, generating metadata.json, and adding TypeScript definitions for native Memento APIs. By handling environment-specific configurations and providing ready-to-use hooks for storage, UI, and system plugins, it allows developers to quickly bridge the gap between web development and Memento's mobile ecosystem.

Key Features

Comprehensive TypeScript type definitions for Memento global APIs
Seamless integration with Memento Storage, UI, and Plugin systems
Automated Memento Mock environment configuration for local testing
54 GitHub stars
Generation of metadata.json and required application permissions
Migration support for Tailwind CSS v4 and local font hosting

Use Cases

Adapting existing React dashboards to run as native-feeling Memento modules
Developing new Memento features using modern Vite and Tailwind workflows
Adding mobile-native storage and system capabilities to a web-based UI

About

Key Features

Comprehensive TypeScript type definitions for Memento global APIs
Seamless integration with Memento Storage, UI, and Plugin systems
Automated Memento Mock environment configuration for local testing
54 GitHub stars
Generation of metadata.json and required application permissions
Migration support for Tailwind CSS v4 and local font hosting

Use Cases

Adapting existing React dashboards to run as native-feeling Memento modules
Developing new Memento features using modern Vite and Tailwind workflows
Adding mobile-native storage and system capabilities to a web-based UI