In der agilen Welt der Softwareentwicklung ist die Kommunikation zwischen Fachexperten und Entwicklern oft die gr\u00f6\u00dfte H\u00fcrde. Unklare Anforderungen, lange Feedbackschleifen und mangelnde Transparenz f\u00fchren zu Verz\u00f6gerungen und Frustration. Doch was w\u00e4re, wenn Du Deinem Team ein Werkzeug an die Hand geben k\u00f6nntest, mit dem es Entwicklungsaufgaben direkt aus dem Chat heraus beauftragen, verwalten und nachverfolgen kann \u2013 ganz ohne Programmierkenntnisse? Dieser Artikel zeigt Dir, wie Du genau das mit einer intelligenten Kombination aus Zoho Cliq<\/a>, einem benutzerdefinierten AI-Agenten und der f\u00fchrenden Code-Plattform GitHub<\/a> umsetzen kannst. Wir tauchen tief in den Tech-Stack ein und zeigen Dir einen praxiserprobten Workflow, der die L\u00fccke zwischen Idee und Code schlie\u00dft.<\/p>\n Stell Dir ein typisches Szenario in einem KMU vor: Das Marketing-Team ist f\u00fcr das Kundenportal verantwortlich, eine webbasierte Anwendung. Im Laufe der Zeit sammelt sich eine lange Liste mit \u00c4nderungsw\u00fcnschen an: Ein Button soll eine andere Farbe bekommen, die Men\u00fcpunkte m\u00fcssen neu sortiert werden, ein neues Eingabefeld wird in einem Formular ben\u00f6tigt. Bisher lief dieser Prozess \u00fcber E-Mails, unstrukturierte Listen in Zoho Sheet<\/a> oder Meetings. Die Entwickler m\u00fcssen st\u00e4ndig nachfragen, Details gehen verloren und das Marketing-Team hat keinen klaren Einblick in den Fortschritt.<\/p>\n Die Herausforderung ist, diesen Prozess zu strukturieren, zu automatisieren und f\u00fcr alle Beteiligten nachvollziehbar zu machen. Die L\u00f6sung liegt in einem Workflow, bei dem das Fachteam seine W\u00fcnsche in nat\u00fcrlicher Sprache in einen Chat eingibt. Ein AI-Agent analysiert diese Anfragen, wandelt sie in professionell formatierte Entwicklungsaufgaben (sogenannte „Issues“) um und legt sie im zentralen Code-Repository ab. Anschlie\u00dfend kann die Umsetzung der Aufgabe ebenfalls per Chat-Befehl angesto\u00dfen werden.<\/p>\n Dieser Workflow basiert nicht auf einer einzigen App, sondern auf dem intelligenten Zusammenspiel verschiedener spezialisierter Dienste. Das Herzst\u00fcck ist die offene Architektur von Zoho, die es Dir erlaubt, interne und externe Systeme nahtlos \u00fcber APIs zu verbinden.<\/p>\n Lass uns nun konkret werden. Wie kannst Du einen solchen Prozess in Deinem Unternehmen aufbauen? Hier ist eine detaillierte Anleitung.<\/p>\n Zuerst ben\u00f6tigst Du einen Bot in Zoho Cliq<\/a>, der als Schnittstelle f\u00fcr Deinen AI-Agenten dient. Gehe in den Cliq-Einstellungen zu „Bots & Tools“ und erstelle einen neuen Bot. Wichtig sind hier die Slash-Befehle. Du k\u00f6nntest zum Beispiel einen Befehl In Zoho Catalyst<\/a> erstellst Du eine Funktion (z.B. in Java, Node.js oder Python), die als Gehirn des Bots fungiert. Diese Funktion muss mehrere Dinge tun:<\/p>\n Daf\u00fcr ben\u00f6tigst Du ein GitHub Personal Access Token (PAT), das Du sicher, beispielsweise in Zoho Vault<\/a>, speichern solltest.<\/p>\n Das ist der entscheidende, wertsch\u00f6pfende Schritt. Anstatt nur einen Issue zu erstellen, soll der Bot eine „qualifizierte Issue“ anlegen. Das bedeutet, der AI-Agent soll vor der Erstellung des Tickets den bestehenden Code analysieren, um dem Entwickler (oder sich selbst) bereits L\u00f6sungsans\u00e4tze zu liefern.<\/p>\n Der Dialog in Cliq k\u00f6nnte so aussehen:<\/p>\n Dein Team:<\/strong> Der AI-Agent (nach Analyse im Hintergrund):<\/strong> Der AI-Agent (wenige Sekunden sp\u00e4ter):<\/strong> Dieser Prozess stellt sicher, dass jede Aufgabe technisch voranalysiert ist, was die sp\u00e4tere Umsetzungszeit drastisch verk\u00fcrzt.<\/p>\n Sobald die Issue existiert, kann die Umsetzung beauftragt werden. Dein Team gibt den Befehl, und der AI-Agent f\u00fchrt die Code-\u00c4nderungen durch und committet sie in einen neuen Branch im GitHub-Repository. Ein Continuous Integration\/Continuous Deployment (CI\/CD) Prozess, z.B. \u00fcber GitHub Actions, sorgt dann daf\u00fcr, dass der neue Code automatisch auf der Staging-Umgebung bereitgestellt wird. Der Agent meldet den Erfolg zur\u00fcck nach Cliq, und Dein Team kann das Ergebnis live auf der Staging-URL pr\u00fcfen.<\/p>\n Um die technischen Konzepte greifbarer zu machen, hier einige vereinfachte Code-Snippets.<\/p>\n So k\u00f6nnte eine einfache Deluge-Funktion aussehen, die in Zoho CRM<\/a> oder Zoho Creator<\/a> hinterlegt ist und von einem Cliq-Bot aufgerufen wird, um eine Nachricht an eine Catalyst-Funktion weiterzuleiten.<\/p>\n Innerhalb Deiner Catalyst-Funktion (hier als Deluge-Beispiel) k\u00f6nntest Du so einen GitHub Issue erstellen.<\/p>\n Die Implementierung eines solchen AI-gest\u00fctzten Workflows ist weit mehr als nur eine technische Spielerei. Es ist ein fundamentaler Wandel in der Art und Weise, wie technische und nicht-technische Teams zusammenarbeiten. Du senkst die Hemmschwelle f\u00fcr die Beauftragung von \u00c4nderungen, schaffst eine l\u00fcckenlose und transparente Dokumentation und beschleunigst den gesamten Entwicklungszyklus erheblich.<\/p>\n Indem Du die St\u00e4rken verschiedener Plattformen \u2013 die intuitive Kommunikation von Zoho Cliq<\/a>, die serverseitige Power von Zoho Catalyst<\/a> und den Industriestandard GitHub<\/a> \u2013 kombinierst, schaffst Du ein System, das skalierbar, sicher und extrem effizient ist. Du erm\u00e4chtigst Deine Fachexperten, zu echten „Product Owners“ zu werden, und gibst Deinen Entwicklern das, was sie am meisten brauchen: klare, technisch vorqualifizierte Aufgaben.<\/p>\n Verwendete Zoho Apps in diesem Szenario:<\/strong><\/p>\n Steuere Deine Dev-Projekte direkt aus dem Chat mit AI-Agenten in Zoho Cliq und GitHub. Effizient und ohne Code!<\/p>\n","protected":false},"author":1,"featured_media":5746,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"ocean_front_end_style_editor":"no","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","osh_disable_topbar_sticky":"default","osh_disable_header_sticky":"default","osh_sticky_header_style":"default","osh_sticky_header_effect":"","osh_custom_sticky_logo":0,"osh_custom_retina_sticky_logo":0,"osh_custom_sticky_logo_height":0,"osh_background_color":"","osh_links_color":"","osh_links_hover_color":"","osh_links_active_color":"","osh_links_bg_color":"","osh_links_hover_bg_color":"","osh_links_active_bg_color":"","osh_menu_social_links_color":"","osh_menu_social_hover_links_color":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5744","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-zoho","entry","has-media"],"acf":[],"yoast_head":"\nDas Praxisbeispiel: Vom Wunsch zur Umsetzung ohne Code<\/h2>\n
Die Architektur der L\u00f6sung: Dein Tech-Stack im \u00dcberblick<\/h2>\n
\n
\n F\u00fcr Dein Team ist Cliq die einzige Schnittstelle. Hier kommunizieren sie mit dem AI-Agenten, erteilen Auftr\u00e4ge und erhalten Status-Updates. Die Nutzung von Slash-Befehlen (z.B. \/new-issue<\/code>) und interaktiven Karten macht die Bedienung intuitiv.<\/li>\n
\n Der „magische“ Teil ist ein selbst entwickelter AI-Agent. Dieser l\u00e4uft als serverseitige Funktion auf Zoho Catalyst, einer Low-Code-Plattform. Die Funktion empf\u00e4ngt die Nachrichten aus Cliq, verarbeitet sie und kommuniziert \u00fcber die OpenAI API (oder eine andere LLM-API) mit einem Sprachmodell wie GPT-4, um die Anfragen zu verstehen. Anschlie\u00dfend interagiert sie mit der GitHub API.<\/li>\n
\n Der gesamte Quellcode Deiner Webanwendung liegt in einem GitHub-Repository. GitHub dient aber nicht nur als „Google Drive f\u00fcr Code“, sondern auch als Ticketsystem. Jede Aufgabe wird als „Issue“ angelegt. Das schafft eine l\u00fcckenlose Dokumentation, erm\u00f6glicht Versionierung und macht jede Code-\u00c4nderung r\u00fcckg\u00e4ngig. Alternativen wie GitLab oder Bitbucket funktionieren nach einem \u00e4hnlichen Prinzip.<\/li>\n
\n Ein entscheidendes Sicherheitsmerkmal ist die strikte Trennung von Test- (Staging) und Produktivumgebung (Live). Der AI-Agent f\u00fchrt \u00c4nderungen grunds\u00e4tzlich nur auf der Staging-Umgebung aus. So kann Dein Team das Ergebnis in einer sicheren Umgebung pr\u00fcfen, bevor es manuell f\u00fcr die Live-Schaltung freigegeben wird.<\/li>\n<\/ul>\nSchritt-f\u00fcr-Schritt: So implementierst Du den Workflow<\/h2>\n
Schritt 1: Einen Bot in Zoho Cliq erstellen<\/h3>\n
\/issue<\/code> definieren. Wenn ein Nutzer diesen Befehl eingibt, sendet Cliq die Nachricht an eine von Dir definierte URL \u2013 idealerweise einen API-Endpunkt Deiner Catalyst-Funktion.<\/p>\nSchritt 2: Die Logik in Zoho Catalyst implementieren<\/h3>\n
\n
Schritt 3: Der „Qualifizierte Issue“ Prozess<\/h3>\n
\/qualify-issue Die Reiter in der Navigation sollen in der Reihenfolge 'Dashboard, Berichte, Einstellungen' angeordnet werden. Hier ist die URL: [staging-url]<\/code><\/p>\nIch habe die Anfrage analysiert. Die relevante Datei ist 'components\/navigation.js' in Zeile 45. Ich schlage vor, die Reihenfolge im Array anzupassen. Ich erstelle jetzt eine qualifizierte Issue dazu.<\/code><\/p>\nIssue #52 \"Reiter in der Hauptnavigation neu anordnen\" wurde erstellt. Du kannst mich jetzt anweisen, mit 'arbeite an issue #52' die Umsetzung zu starten.<\/code><\/p>\nSchritt 4: Umsetzung ansto\u00dfen und pr\u00fcfen<\/h3>\n
Codebeispiele f\u00fcr die Praxis<\/h2>\n
Deluge-Snippet f\u00fcr eine Cliq Custom Function<\/h3>\n
\n\/\/ Deluge-Funktion, die von einem Cliq-Bot getriggert wird\nvoid processCliqCommand(map cliqqPayload)\n{\n \/\/ Die Nachricht des Nutzers extrahieren\n userInput = cliqqPayload.get(\"content\");\n \n \/\/ URL des Catalyst Endpunkts\n catalystUrl = \"https:\/\/your-catalyst-project.catalystapps.com\/server\/my_ai_agent\/process\";\n \n \/\/ Daten f\u00fcr den API-Call vorbereiten\n requestBody = Map();\n requestBody.put(\"text\", userInput);\n \n \/\/ Catalyst-Funktion aufrufen, um die Anfrage zu verarbeiten\n response = invokeurl\n [\n url :catalystUrl\n type :POST\n parameters:requestBody.toString()\n connection:\"my_catalyst_connection\" \/\/ Gespeicherte Verbindung\n ];\n \n \/\/ Antwort an den Cliq-Chat zur\u00fccksenden\n info response;\n}\n<\/code><\/pre>\nDeluge-Snippet: GitHub Issue via API erstellen<\/h3>\n
\n\/\/ Annahme: issueTitle und issueBody wurden vom LLM generiert\ngithubRepo = \"my-org\/my-portal-project\";\ngithubApiUrl = \"https:\/\/api.github.com\/repos\/\" + githubRepo + \"\/issues\";\ngithubToken = zoho.vault.getSecret(\"github.pat\"); \/\/ Token sicher aus Zoho Vault holen\n\nheaders = Map();\nheaders.put(\"Authorization\", \"Bearer \" + githubToken);\nheaders.put(\"Accept\", \"application\/vnd.github.v3+json\");\n\nbody = Map();\nbody.put(\"title\", issueTitle);\nbody.put(\"body\", issueBody);\n\n\/\/ API-Aufruf an GitHub\nresponse = invokeurl\n[\n url :githubApiUrl\n type :POST\n headers:headers\n parameters:body.toString()\n];\n\n\/\/ ID des neuen Issues extrahieren und an Cliq zur\u00fcckmelden\nnewIssueId = response.get(\"number\");\ninfo \"Issue #\" + newIssueId + \" wurde erfolgreich erstellt.\";\n<\/code><\/pre>\nTipps und Best Practices<\/h2>\n
\n
Fazit: Mehr als nur ein Chatbot<\/h2>\n
\n