ShowMeHow

• 

  Show me how the US government works

Inspiration

When looking up stuff in chat GPT, it comes back with big blocks of texts, which take forever to read. A lot of the times i just want to see a quick overview. Diagrams and mindmaps are a lot easier to digest.

What it does

Explains concepts and summarizes information in a visual easy-to-digest format.

How we built it

We used Mermaid.js for creating diagrams, convertapi to convert web pages to images, CloudFare for deployment and link shortening, and finally OpenAI to host the plugin.

Challenges we ran into

Language model for Plugins turned out to be significantly less powerful compared to GPT-4. Our first iteration was using the plugin where the plugin would accept the ready mermaid diagram snippet. This was causing issues because the model would make mistakes in mermaidjs syntax. To solve this we used GPT-4 within our plugin to improve the quality of visualizations we create.

Another issue were super long links because we embedded the content of the diagram in the path. We fixed it by implementing link shortening.

Accomplishments that we're proud of

The final output looks visually appealing and we can see ourselves using the plugin!

What's next for ShowMeHow

We hope to get accepted as an official plugin and before that we will have test users.

Built With

• cloudflare
• gpt4
• typescript