User Interface

Design kit

• Material UI for Figma (and MUI X) (opens in a new tab)
  • docs (opens in a new tab)

UI Prototypes

1. Open UI-kit MUI for Figma (opens in a new tab)

2. Open UI-prototype Figma: Enterprise-helper (opens in a new tab)

https://mui.com/toolpad/ (opens in a new tab) ?

https://mui.com/toolpad/core/react-dashboard-layout/ (opens in a new tab) ?

User Interface

Step 1. Docs

• add "Get Started" button

Step 2. Sign-in

Step 3. App

Enterprise CRUD page

Enterprise details page

SAFe: Enterprise (opens in a new tab)

...

Entity page

...

• [collapsible] drawer
• main page area
• [collapsible] chat area

Enterprise-helper Workflow

App usage workflow (for empty page with entities, e.g. strategic themes) (can be general approach for all such pages):

0. Page with empty templates for entities (e.g. strategic themes, portfolio Canvas, user story, etc.)
1. Detect which entities are on the current screen
2. In the chat area have buttons to perform actions on entities (generate an entity, suggest to add the generated entity into the actual list (main page area) of entities, apply button, cancel button)

Software engineer AI