Web-Apps automatisieren mit Ai

In dieser Session zeigt Max Marschall wie sich Web-Apps und LLMs verbinden lassen, frei nach dem Gedanken der Generative Ai werden keine definierten Funktion-Calls verwendet.

Es wird eine Struktur erstellt und ein Gerüst geschaffen, so dass der Nutzer und die Ai selbst die Web-App Bedienen und verwenden können. Dabei entscheiden der Nutzer und das Modell, wie feingliedrig die Verwendung sein darf .

Transcript

1. Max Marschall @MaxOSchulte Web-Apps automatisieren mit Ai MaxOSchulte Thinktecture AG 1
2. Max Marschall Consultant & Developer @ Thinktecture AG @MaxOSchulte Babylon.js , Angular , Ionic & GenAi Web-Apps automatisieren mit Ai Session MaxOSchulte Thinktecture AG 2
3. Intention Augmenting an App with an assistant, that helps the user based on displayed context. Allowing an assistant to act for me in that context. Web-Apps automatisieren mit Ai Session MaxOSchulte Thinktecture AG 3
4. DEMO Web-Apps automatisieren mit Ai Session MaxOSchulte Thinktecture AG 4
5. Intention Augmenting an App with an assistant, that helps the user based on displayed context. Allowing an assistant to act for me in that context. Problem: Integrating GenAI into Angular Metainformation Tool calls Leaking secrets "Other" system integration Solution AST parsing TS decorators Client-side "agents" Barebones Angular OpenAI Web-Apps automatisieren mit Ai Session MaxOSchulte Thinktecture AG 5
6. Architecture Client "Plain" Angular AST parsing Server Python / TypeScript FastAPI / Azure Function OpenAI LangFuse (LangChain) Gen AI Provider OpenAI Whisper Web-Apps automatisieren mit Ai Session MaxOSchulte Thinktecture AG 6
7. What Generative AI is not / can not Intelligent Making decisions Problems understanding non-linear content Drawing conclusions Web-Apps automatisieren mit Ai Session MaxOSchulte Thinktecture AG 7
8. Use Case Generate content Summarize content Automation Simplify complexity ... Web-Apps automatisieren mit Ai Session MaxOSchulte Thinktecture AG 8
9. UI / UX Avoid auto-commit Enable feedback Highlight probability Clear entry point into AI workflows Progress / generation indicators Suggest common actions Web-Apps automatisieren mit Ai Session MaxOSchulte Thinktecture AG 9
10. Development mindset Shit in / Shit out "Talking to fast learning & smart junior" No default assumptions Documentation is key Examples are great Web-Apps automatisieren mit Ai Session MaxOSchulte Thinktecture AG 10
11. CODE Web-Apps automatisieren mit Ai Session MaxOSchulte Thinktecture AG 11
12. Assistant Sequence Web-Apps automatisieren mit Ai Session MaxOSchulte Thinktecture AG 12
13. Provide Functionality Meta Information TypeScript Web-Apps automatisieren mit Ai Session MaxOSchulte Thinktecture AG 13
14. Provide Functionality Tools Agents Web-Apps automatisieren mit Ai Session https://python.langchain.com/docs/use_cases/tool_use/ MaxOSchulte Thinktecture AG 14
15. Provide Functionality Tools Agents Web-Apps automatisieren mit Ai Session https://python.langchain.com/docs/use_cases/tool_use/agents/ MaxOSchulte Thinktecture AG 15
16. Assistant Sequence Web-Apps automatisieren mit Ai Session MaxOSchulte Thinktecture AG 16
17. Client-Side vs. Server-Side Client Server Easy Integration Tooling Python (Ecosystem) TypeScript / JS Secrets / Security Schema Validation SoC ( ) Web-Apps automatisieren mit Ai Session MaxOSchulte Thinktecture AG 17
18. Lessons Learned Client-side for PoC Easy transition to server-side Write docs. for dummys Unambiguous tools Unambiguous context Web-Apps automatisieren mit Ai Session MaxOSchulte Thinktecture AG 18
19. Thank You ! https://www.thinktecture.com/thinktects/max-marschall Web-Apps automatisieren mit Ai Session MaxOSchulte Thinktecture AG 19