App Summary: Kami
LOADED_SRC: https://producingtechnology.com/65-apps/linclayton_182217_15200426_my_json.html
Summary of App Behavior
Kami is a mock-up of an AI-powered design assistant, built by a user named Clayton.
The app loads its content from an external JSON file and renders it into a dashboard-style
interface with several panels: a Snapshot/Settings/Quick Actions
header row, a Mock Assistant panel with three action buttons
(Generate Idea, Synthesize Research, Support Decision),
a Features list with a "show enabled only" toggle, and a Projects section
with cards that can be clicked to set the active project.
The interactive behavior is entirely driven by the JSON source: selecting a project card updates the "Current project" field in Quick Actions, clicking an assistant button updates "Assistant mode" and "Last action" and prints a mocked response pulled from the JSON, and the feature toggle filters the rendered feature list. Nothing calls a real model — the point of the exercise is to demonstrate JSON-to-DOM rendering and simple state updates.
Things That Didn't Work How I Expected
- The Snapshot and Settings headers appear above the Quick Actions panel but don't seem to contain their own content — they read more like section labels than functional panels, which made the information hierarchy confusing on first look.
- The three Mock Assistant buttons produce canned responses regardless of which project is selected, so picking a project doesn't meaningfully change the assistant's output. I expected the "Current project" context to flow into the mocked response text.
- There's no visible loading or error state for the JSON fetch — if the source URL failed, it's not clear how the UI would communicate that to the user.
- The "Reset" button in the Mock Assistant panel clears the last action, but it doesn't reset the selected project or the feature toggle, which felt inconsistent with the label.
Prompt to Improve the App
Update the Kami mock app so the Mock Assistant's output is context-aware: when a project card is selected, the "Generate Idea," "Synthesize Research," and "Support Decision" buttons should pull templated responses from the JSON that reference the active project's name, status, and any tagged features. Add a visible loading state while the JSON fetches and a friendly error message if the fetch fails. Finally, make the "Reset" button a true reset — clear the active project, restore the feature toggle to its default, and return Assistant mode to "Idle" — and add a short tooltip on hover so users know what Reset will do before they click it.