MD Present Flow

banner
Profile branding
flow chart 1
flow chart 2
report mode
present mode

## Inspiration

Originally, I made a audit app i named ChatB. It exports MD reports and flowcharts.

Wanted a workspace I could take that and refine.

I wanted to utilize local AI tooling to make Mermaid flow charts from a typed window chat & generate images to make this more business friendly.

---

## What it does

- Create new Markdown files
- Import and edit existing Markdown files
- Preview Markdown while you work
- Build and edit Mermaid flowcharts
- Use a visual line/node editor to help place flowchart elements
- Add flowchart backgrounds and images
- Save reports for records, planning, documentation, or presentations
- Present your Markdown as a clean slide-style workflow
- AI Tools are made to help create flow charts just input your workflow
- Ollama support for local AI helper features
- Stable Diffusion hook-up for local image generation
- Users choose their own models and checkpoints
- Markdown, flowcharts, and Present Mode work without AI

---

## Best For

- Workflow planning
- Project notes
- Business reports
- AI-assisted documentation
- Mermaid flowcharts
- Presentations
- Keeping Markdown records in one place

MD Present Flow supports optional local AI tooling for users who want AI help without relying on the Internet.

---

## How we built it

Long Codex sessions , GPT when credits ran out.

I would feed repo into GPT to edit , then review and confirm once it gave me what it did.

Chatb also helped me audit the codebase and keep on track with audits .

I had utilized the Mermaid.json formats , in order for the app to actually make nice viewing I ported a full editor, to edit markdown charts and everything apart from flow charts in one editor .

Then thinking of how to enhance it i came up with a roadmap with ChatB ,I made a present mode that will take the Mermaid.json and formats and make a presentation app from app or export to HTML to have a webpage to present with.

---

## Challenges we ran into

Porting over the Mermaid.json formats was a big pain in the rear end .

To get a grid editor like I wanted I spent many hours and nights starting at code auditing with ChatB and codex , after comparing reports we found the solution. one working off the other , this made me happy with ChatB something that could take my brain and communicate it based on my codebase to other models. The issue was the editor not exporting lines in the right sections.

The other was setting up ollama being able to take your work flow and work a flowchart for you in , Standard Diffusion generation to fit styling of app so it governed and doesn't stray.

Some early versions where worrying with SD, but in this release it seems stable from:

- my testing
- codex testing
- ChatB testing auditing
- sandbox testing the repo

Please let me know if you find any bugs so i can refine the next version.

---

## Accomplishments that we're proud of

### Ollama AIs working

- to make md reports
- flow charts so you then can edit
- can help in present mode to make presentations

### Standard Diffusion

- generates images to use in report

### Present Mode

- Present from app
- export presentation to html webpages

---

## What we learned

- I learned a new format of JSON.
- More of Hooking up Standard Diffusion with a wrapper in python.
- More deeper ways to communicate with AI to get accurate work.

---

## What's next for MD Present Flow

Now that this version is stable , I was thinking of being able to hook up APIs from bigger models to be able to do both:

- image generation
- charts
- reports
- present modes

Also wanting feedback from users to suit there needs and functions for use.