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.

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.

主要功能

01Comprehensive TypeScript type definitions for Memento global APIs

02Seamless integration with Memento Storage, UI, and Plugin systems

03Automated Memento Mock environment configuration for local testing

0454 GitHub stars

05Generation of metadata.json and required application permissions

06Migration support for Tailwind CSS v4 and local font hosting

使用场景

01Adapting existing React dashboards to run as native-feeling Memento modules

02Developing new Memento features using modern Vite and Tailwind workflows

03Adding mobile-native storage and system capabilities to a web-based UI

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hunmer/memento convert-react-to-memento

For use in Claude.ai and ChatGPT

Download Skill