A local-first, browser-based tool to help users think more effectively with AI through structured reasoning patterns rather than prompt engineering.
This application is fully static, running entirely in the browser using React, Zustand, and Tailwind CSS. All data (including user sessions, custom patterns, and settings) is stored securely in your browser's LocalStorage.
🌐 Live Hosted Version
http://cloudpedagogy-human-ai-thinking-studio.s3-website.eu-west-2.amazonaws.com/
🖼️ Screenshot
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Build for production (outputs static files to
/dist):npm run build
The Pattern Registry is fully data-driven. This means that categories and patterns are generated entirely from data. You can easily extend the application without writing any code by importing JSON Pattern Packs.
- Navigate to the Pattern Registry from the sidebar.
- Click the "Import Pack" button in the top right.
- Select your JSON pack file (e.g.,
sample-pattern-pack.json). - The system will prompt you to choose an import strategy:
keep: Only imports new patterns that have a unique ID.merge: Updates existing patterns if the ID matches, and imports new patterns.replace: Deletes your current library and replaces it entirely with the imported pack.
When you import a pattern pack, any new categories specified in the JSON file will be instantly added to the application.
- A new link will appear under "Categories" in the left sidebar automatically.
- The new category will be selectable in the filter dropdown on the Pattern Registry page.
- No code changes are required!
(You can test this by importing the included sample-pattern-pack.json which adds a new "Strategic Foresight" category).
You can also export your current library of custom patterns by clicking "Export Pack" in the Pattern Registry. This generates a JSON file that you can share with others.
This project is released under the MIT Licence.
Part of the CloudPedagogy Governance Engineering ecosystem.