Styre din app med AI

De er allerede i din app. Intet at installere, intet at slå til, før du går i gang: du skal bare vide, hvor du skal kigge.

Funktionsbyggeren, MCP-serveren og paletten virker på samme måde på indholdsapps og på e-handelsapps. Skriveassistenten dukker op alle steder, hvor der er en editor med formateret tekst: artikler, begivenheder, steder.

Det er det nyeste af de fire og det mest overraskende at se arbejde. Dens indgang ligger ikke, hvor du ville lede efter den: den sidder i vælgeren til sektionstyper.

Gå til My App › Structure, klik på Add, og se på den første flise i listen, før artikler og fotos: den der bygger en sektion med AI. I stedet for at vælge en eksisterende sektionstype beskriver du den, der ikke findes.

Skærmen åbner i to kolonner. En samtale til venstre. En forhåndsvisning af det byggede til højre. Du beskriver, hvad du vil have, på det sprog du vil, og så detaljeret du vil. Assistenten bygger det, fortæller dig i én sætning, hvad den gjorde, og forhåndsvisningen fyldes ud.

Du holder samtalen i gang for at justere. Hver udveksling giver en version, og historikken beholder dem alle, hver mærket med den anmodning, der frembragte den. Det er altid muligt at gå tilbage, og det er dét, der gør det sikkert at eksperimentere.

Et andet faneblad giver dig den genererede kode, med udvidelsens filer. Du behøver ikke at gå derind, og det vil det store flertal af brugere aldrig gøre. Det er der for folk, der kan læse den, eller for en udvikler, du henter ind til hjælp.

Når resultatet passer dig, udgiver én knap det til din app, hvor det bliver en sektion som enhver anden, i din menu.

Det er den vane, der ændrer kvaliteten af det, du får, mere end noget andet. Sig, hvad funktionen skal gøre, ikke hvordan den skal bære sig ad. »En knap til at huske, hvor jeg parkerede min bil, og en anden der leder mig tilbage til den« er nok: assistenten finder selv platformens egne redskaber, den stedstilladelse din app allerede har, telefonens kortapp, enhedens hukommelse.

Nævner du en bestemt teknik eller en tjeneste udefra, skubber du den ud af den ramme. Så skal du udtrykkeligt give adgang til den tjeneste, og det, der virkede som en indbygget funktion, bliver en funktion koblet til omverdenen.

Studiet rummer tre diskrete paneler, der ændrer arten af det, du kan bede om.

Det første tager dine filer: billeder, i stort set alle formater, og datatabeller i CSV, TSV eller JSON. Lagt derind hostes de af GoodBarber og får en fast adresse, så funktionen kan bruge dem uden at afhænge af en tjeneste udefra. For at pege på en i din anmodning skriver du snabel-a efterfulgt af begyndelsen af dens navn.

Det er det panel, der gør en fil til en sektion: en oversigt, en prisliste, et prisgitter bliver til noget, man kan bladre i, i appen, uden at gå gennem CMS'et. Med én begrænsning, der er værd at kende i dag: assistenten læser dine tabeller på deres adresse, den analyserer dem ikke kolonne for kolonne. At vise dem, ja; at krydse dem i detaljer, ikke endnu.

Det andet gemmer adgangsnøgler til tjenester udefra, til når den funktion, du beskriver, skal spørge en tjeneste, du selv råder over.

Det tredje forbinder en fælles database. Uden den bliver det, dine brugere indtaster i funktionen, på deres enhed, og ingen andre ser det. Med den gemmes dataene på serveren og deles af alle. Det er forskellen mellem en personlig kalorietæller og en resultatliste delt af hele dit fællesskab: samme funktion, to forskellige produkter.

Du behøver ikke selv at regne det ud: når det, du beskriver, har brug for en fælles hukommelse, tilbyder studiet selv at forbinde en. Én knap, en forbindelse til din Supabase-konto, og tabellerne og adgangsreglerne oprettes for dig. Senere funktioner genbruger den samme forbindelse med ét klik.

Det, du får, er en funktion bygget efter behov, ikke en byggeklods i produktet. Den bygges med det, der er ved hånden: intet bibliotek udefra, intet ophavsretligt beskyttet billede, alt på skærmen er originalt. Og den bliver ved med at være en sektion inde i din app, ikke et program for sig: studiet bygger et minispil, det er ikke en spilmotor.

Den rigtige måde at placere den på: findes det, du vil have, allerede som en sektionstype eller som en udvidelse i Extensions Store, så tag den native byggeklods, den vil altid være bedre integreret og bedre vedligeholdt. Findes det, du vil have, ingen steder, og ville et tilbud fra en udvikler slå projektet ihjel, så beskriv det. Det er dér, den gør noget, ingen anden gjorde.

Og test den, som du ville teste en håndværkers arbejde: på en rigtig telefon, med rigtigt indhold, før du udgiver den.

Bloggen går hvert punkt i dette kapitel igennem og viser, hvad det producerer i virkeligheden, prompt inklusive.

• At beskrive resultatet frem for metoden: syv ord er nok til at få en komplet stedsfunktion, skilt ad trin for trin i Prompt teardown: GPS memory and Maps from a single sentence.
• Dine filer: hvad assistenten kan gøre med dem, format for format, i AI Extension Builder: upload your own files.
• Den fælles database: hvad studiet opretter for dig, tabeller og adgangsregler inklusive, i AI Extension Builder: add a Supabase database to your app.
• Og begrænsningen, ordentligt testet: et spilbart spil med sin fælles resultatliste, som stadig er en sektion i din app, i Can a no-code app builder make Flappy Bird? I tried.

De tre andre redskaber bor i back office. Dette gør det modsatte: det åbner din app for de AI-værktøjer, du allerede bruger andre steder, Claude, ChatGPT, Cursor eller et andet.

Mekanismen hedder en MCP-server, for Model Context Protocol. Udgaven på én sætning: det er et standardstik, der lader en AI handle på din app i stedet for kun at tale om den. Du spørger, hvilke ti produkter der solgte bedst denne måned, og den går faktisk ud og henter svaret i din butik. Du beder den planlægge en notifikation til klokken seks om aftenen, og notifikationen er planlagt.

Skærmen er bevidst kort.

Den rummer to ting. Din serveradresse, med sin kopiknap, som identificerer din app og ingen anden. Og dine API-nøgler, som du opretter i sæt fra denne side, hvor hvert sæt kan tilbagekaldes uden at røre de andre.

Selve forbindelsen sker ikke her. Den starter fra den anden ende: det er i Claude eller i ChatGPT, du tilføjer GoodBarber, ligesom du ville tilføje et hvilket som helst andet værktøj, og den nøgle, der er oprettet på denne side, er dét, der identificerer dig dér. Hold den retning for øje, den forklarer, hvorfor skærmen er så kort: GoodBarber åbner stikket, din AI kommer og sætter sig i det.

Fremgangsmåden er udgivet værktøj for værktøj: forbind Claude, forbind ChatGPT og Codex, og den fulde oversigt over MCP.

Et åbent stik fortæller dig ikke, hvad du skal bede om. Det er opgaven for de 44 skills, GoodBarber udgiver åbent på GitHub, tilgængelige fra linket på den samme skærm. Hver af dem er en nedskrevet opskrift, der lærer din AI at føre en almindelig opgave fra start til slut.

De er åbne og må videredistribueres, hvilket betyder mest for forhandlere: de kan omdøbes og udgives igen under deres eget brand.

Hvad det ændrer: gentagne greb og spørgsmål til overvågning. At få dit billede mandag morgen uden at åbne fire skærme, at rette tyve produktsider på én gang, at forberede en kampagne ved at diktere den. Det er opgaver, hvor back office beder om mange klik og meget få beslutninger.

Hvad det ikke ændrer: ansvaret bliver dit. Platformen er klar til agenter, den er ikke på autopilot. En AI, der er forbundet til din app, handler i dit navn, på virkelige data, og den har ikke din dømmekraft om, hvad der bør udgives. Begynd med anmodninger, der læser, før anmodninger der skriver, tjek hvad der er blevet gjort, og hold hånden på alt, hvad der går ud til dine brugere.

Et ikon åbner editorens værktøjslinje, til venstre for formateringsknapperne. Du finder det samme sted i en artikel, i en begivenhed og i et sted. Det folder fem kommandoer ud, og forskellen mellem dem er værd at forstå, før du klikker.

Fire af dem arbejder på den tekst, du har markeret: gør den færdig, opsummér den, oversæt den, skift dens tone. Aldrig på hele siden, altid på den fremhævede passage, hvilket lader dig bearbejde ét afsnit uden at røre de andre. Oversættelsen dækker syv sprog: engelsk, fransk, italiensk, nederlandsk, portugisisk, spansk og tysk. Tonen findes i fem registre, fra pædagogisk til afslappet, med professionel, empatisk og neutral imellem.

Den femte, midt i menuen, er en assistent i fri form, og den er den eneste, der starter fra ingenting: du beskriver, hvad du vil have.

Deraf redskabets logik, værd at forstå før du klikker: assistenten bearbejder en tekst, den fylder ikke en tom side, medmindre du fortæller den præcis, hvad der skal stå. Den vane, der følger, er enkel, og den sparer dig for at undre dig over, hvorfor der ikke sker noget: markér først, spørg bagefter.

Gevinsten viser sig på mængden, ikke på det enkeltstående stykke. En butik, der lægger fyrre produkter online, har fyrre beskrivelser at skrive, alle bygget på samme måde, alle kedelige at producere og alligevel afgørende både for SEO og for salget. En udgiver, der arbejder på tre sprog, gør det samme oversættelsesarbejde tre gange. De gentagelser er dét, assistenten optager.

Den optager også skævheder i register. En tekst skrevet af en ingeniør, kørt gennem den pædagogiske tone, bliver læsbar for en kunde, uden at nogen skal forhandle med forfatteren.

Assistenten skriver korrekt, den skriver ikke som dig. Den producerer ren, gennemsnitlig prosa uden ru kanter, og ru kanter er netop dét, der skiller din app fra de tredive andre i dit felt. Brug den til det utaknemmelige stof, gem din stemme til dét, dine læsere kommer til dig for, og læs alt, hvad der går ud i dit navn.

Én enkel regel, som de teams der bruger den godt holder fast i: AI skriver det første udkast, aldrig det sidste.

Redskabet hedder Genius Palette i Extensions Store, og det link, der sætter det i gang, hedder Magic palette på farveskærmen. Det er det samme.

Linket ligger øverst til højre i blokken med farvetemaer. Ét klik, og hele skemaet skifter på én gang: de to farver i headeren, de fire hovedfarver Smart Design bruger til at bygge resten af appen, og de sekundære farver nedenunder.

Klik igen, og du får et helt andet forslag: du genererer om, indtil du lander på et skema, der taler til dig. En knap sætter de oprindelige farver tilbage, og frem for alt anvendes intet på din app, før du bekræfter, idet foden lader dig annullere helt til det sidste. Du kan altså prøve femten af dem uden at risikere noget.

Hvad paletten ikke gør: den ved intet om dit logo, dine designretningslinjer eller det felt, du konkurrerer i. Den er fremragende til at komme væk fra en tom side eller til at vise tre retninger til en, der ikke kan bestemme sig. Den erstatter ikke en brandidentitet, når du har en.

En nyttig vane: når du først har anvendt en palette, så åbn to eller tre virkelige skærme i forhåndsvisningen, en liste, en artikel, en formular. Et skema, der ser tiltalende ud på fire farveprøver, kan vise sig at være ulæseligt på en tæt liste.

GoodBarber åbner døren, den sælger ikke det, der kommer ind ad døren. De fire redskaber er inden for rækkevidde fra dit back office, men MCP-serveren forudsætter, at du allerede har Claude, ChatGPT eller et tilsvarende værktøj på din side, med det abonnement der hører til.

AI virker godt på det, der allerede er i orden. Det gælder alle fire redskaber, og det er det mindst indlysende, de har til fælles. En AI, der bearbejder en forvirret tekst, producerer en forvirret tekst, der læses godt. En palette lagt hen over en app, hvis struktur er ulæselig, gør den ikke læsbar. Ryd op først, sæt farten op bagefter.

Begynd med ét. De fire redskaber rører fire meget forskellige øjeblikke i dit arbejde, og intet siger, at du skal tage dem til dig samlet. Tag det, der svarer til din mest smertefulde uge: funktionsbyggeren, hvis et projekt sidder fast af mangel på en udvikler, MCP-serveren hvis du bruger mere tid på at slå op i din app end på at styre den, skriveassistenten hvis du udgiver meget, paletten hvis du lige er begyndt.