Näin Grok Bot tekee ja päivittää verkkosivusi

Mitä tarvitset

• Grok Bot -sovelluksen tietokoneella tai puhelimessa.
• Vinssi-tilin. Sen voi luoda alla olevan käyttöönoton aikana. Työtila syntyy ensimmäisellä kirjautumisella.
• Muuta ei tarvita. Botti käyttää Vinssin komentorivityökalua omalla koneellaan. Työkalu tarvitsee Node 20:n tai uudemman, ja botti osaa asentaa sen, jos se puuttuu.

1. Tee botti

1. Valitse Grok Botin sivupalkista New tai paina Cmd/Ctrl+N.
2. Valitse Create new Bot.
3. Avaa botin valikko ja valitse Edit Profile.
4. Anna botille nimi, esimerkiksi "Website Builder".

2. Liitä ohjeet

Liitä tämä botin kuvaukseen (description). Kuvaukseen kirjoitetaan säännöt, joita botin pitää aina noudattaa. Voit muokata sitä myöhemmin.

Teet ja ylläpidät verkkosivujani ja julkaiset ne Vinssillä.

Näin toimit:
- Pidä jokainen sivusto omassa kansiossaan koneellasi: ~/sites/<sivuston-nimi>/. Kansion juuressa on index.html, lisäksi tyylit, kuvat ja lyhyt README.md, johon kirjaat Vinssin site id:n, julkisen linkin ja viimeisimmän muutoksen.
- Kirjoita tavallista HTML:ää ja CSS:ää, ellen pyydä muuta. Sivujen pitää toimia puhelimella, latautua nopeasti ja olla helppolukuisia. Käytä vain tekstejä, hintoja ja kuvia, jotka olen antanut tai hyväksynyt. Älä koskaan keksi asiakasarvioita, lukuja tai yhteystietoja.
- Julkaise Vinssi Pagesilla. Noudata ohjetta https://vinssi.ai/get-started.md?ref=tpl-grokbot. Käytä komentoa vinssi, tai npx -y vinssi, jos sitä ei ole asennettu.
- Kirjautuminen: jos vinssi whoami kertoo, etten ole kirjautunut, aja vinssi login taustalla, näytä minulle sen tulostama linkki ja lyhyt koodi ja odota, kunnes hyväksyn. Älä aja kirjautumista silmukassa.
- Kysy minulta aina ennen kuin julkaiset tai päivität julkista sivua. Näytä ensin, mikä muuttui.
- Ensimmäinen julkaisu luo sivuston. Tallenna sen site id README.md:hen ja päivitä aina samaa sivustoa valitsimella --site <siteId>, jotta linkki pysyy samana.
- Tarkista jokaisen julkaisun jälkeen, että linkki palauttaa 200 (uusi sivu voi näyttää 404:ää noin kymmenen sekuntia, joten kokeile kerran uudelleen), ja lähetä minulle linkki.
- Kuka tahansa, jolla on linkki, voi avata sivun. Älä koskaan julkaise salasanoja, avaimia, asiakastietoja tai sisäisiä lukuja. Jos jokin näyttää yksityiseltä, kysy ensin.
- Jos pyydän perumaan muutoksen, käytä komentoa vinssi pages rollback.

Sama teksti muutamalla lisäsäännöllä löytyy bottipohjastamme.

3. Yhdistä Vinssi

Lähetä uudelle botille tämä viesti:

Kirjaudu Vinssiin. Ohjeet: vinssi.ai/get-started.md?ref=guide-grokbot

Botti ajaa koneellaan komennon vinssi login. Työkalu tulostaa lyhyen koodin ja linkin, ja botti näyttää ne sinulle. Avaa linkki millä tahansa laitteella, kirjaudu, tarkista että koodi on sama ja valitse Allow. Koodi vanhenee kymmenessä minuutissa. Työkalu tallentaa kirjautumisen botin koneelle, joten tämä tehdään vain kerran. Komento vinssi whoami näyttää, kuka on kirjautuneena.

Hyvä tietää: kaikki Grok Bot -bottisi käyttävät samaa konetta, joten ne kaikki voivat käyttää tätä Vinssi-kirjautumista. Jos haluat poistaa sen, pyydä bottia ajamaan vinssi logout.

4. Kolme valmista pyyntöä

Liitä jokin näistä botin keskusteluun ja vaihda hakasulkeissa olevat kohdat omiksesi.

Kotisivu pienyritykselle

Tee yritykselleni kotisivu. Nimi: [Leipomo Anna]. Mitä teemme: [hapanjuurileipää ja tilauskakkuja]. Aukioloajat: [ti-la 8-16]. Osoite ja puhelin: [...]. Sävy: [lämmin ja yksinkertainen]. Yksi sivu, jossa on lyhyt esittely, tuotteet, aukioloajat, yhteystiedot ja karttalinkki. Näytä ensin luonnos, julkaise sitten Vinssillä ja lähetä minulle linkki. Pidä sivusto kansiossa ~/sites/[leipomo-anna], jotta voit päivittää sitä myöhemmin.

Myöhemmin voit kirjoittaa: "Vaihda aukioloajoiksi ti-su 8-16 ja julkaise päivitys." Botti muokkaa samaa kansiota ja julkaisee samaan linkkiin.

Tarjoussivu asiakkaalle

Tee tarjoussivu asiakkaalleni [Yritys Oy]. Projekti: [uudet verkkosivut, 3 sivua]. Hinta: [2 400 € + alv], aikataulu: [4 viikkoa], mitä hintaan sisältyy: [...], mitä ei sisälly: [...]. Yksi selkeä sivu, jossa yhteenveto on ylhäällä, sen jälkeen tarkemmat tiedot ja lopussa minun yhteystietoni. Julkaise se Vinssillä ja lähetä minulle linkki, niin voin lähettää sen asiakkaalle.

Osoitteessa on satunnainen osa, joten sitä ei voi arvata. Kuka tahansa, jolle lähetät linkin, voi avata sen. Hakukoneita pyydetään jättämään sivu pois hakutuloksista.

Raporttinäkymä

Tee raporttinäkymä tästä datasta: [liitä CSV tai taulukko]. Näytä [kuukausimyynti ja viisi myydyintä tuotetta] selkeinä kaavioina Chart.js:llä ja tärkeimmät luvut ylhäällä. Pidä data erillisessä data.json-tiedostossa, jotta voit päivittää sen koskematta itse sivuun. Julkaise se Vinssillä ja lähetä minulle linkki.

Käytä vain dataa, jonka kuka tahansa linkin saanut saa nähdä. Vinssi Pagesissa ei ole salasanasuojausta.

Pidä sivut ajan tasalla rutiinilla

Rutiini (routine) käskee bottia tekemään tehtävän aikataulun mukaan. Pyydä bottia sen omassa keskustelussa:

Joka maanantai klo 9.00 käy läpi ~/sites/[leipomo-anna] tämän listan mukaan: [aukioloajat, viikon erikoisuus, poikkeusaukiolot]. Valmistele muutokset, näytä mitä muuttui ja kysy ennen julkaisua. Jos mitään ei tarvitse muuttaa, kerro se.

Botti tekee rutiinin ja näyttää, milloin se ajetaan seuraavan kerran. Uusi rutiini odottaa ensimmäistä aikataulun mukaista ajoa, joten käytä Test-toimintoa, jos haluat kokeilla sitä heti. Rutiinit toimivat pilvessä, vaikka läppäri olisi kiinni.

Kun sivusto tarvitsee oman verkkotunnuksen

Vinssi Pages on nopein tapa saada linkki. Pages ei tarvitse pakettia, mutta se pyytää hakukoneita jättämään sivun pois hakutuloksista, ja osoite on Vinssin osoite. Jos haluat, että yrityksesi löytyy hakukoneista omalla verkkotunnuksellaan, pyydä bottia siirtämään sivusto GitHub-repositorioon ja julkaisemaan se Vinssin sovelluksena. Sovellus tarvitsee paketin, hinta alkaen 5 € kuukaudessa sovellukselta, ilman arvonlisäveroa. Oman verkkotunnuksen voi liittää, kun ensimmäinen julkaisu on toiminnassa. Uusi työtila saa 9 € ilmaista krediittiä. Katso hinnat.

Nämä vaiheet perustuvat Vinssin aloitusohjeeseen, komentoriviohjeeseen, Pages-ohjeeseen ja Grok Botin ohjesivuihin. Julkaisuvaihe on ajettu Grok Botin koneelta omaa raporttinäkymäämme varten. Yllä olevia pyyntöjä ei ajettu alusta loppuun tätä opasta kirjoitettaessa.