Tulosten Tarkentaminen ja Käyttöönotto

Claude Code voi luoda vaikuttavan verkkosivuston suunnittelureferenssin pohjalta, mutta ensimmäinen tulos ei välttämättä täysin vastaa liiketoiminnan tavoitteita. Tässä esimerkissä Claude jäljensi tarkasti visuaalisen tyylin, mukaan lukien fontit, värit, interaktiiviset kortit, asiakaspalautteet, lomakkeen ja alatunnisteen. Se kuitenkin rakensi verkkosivuston hammaslääkäriasemalle sen sijaan, että olisi tehnyt sivuston verkkosivustoja hammaslääkäreille suunnittelevalle web-toimistolle.

Tämä johtui siitä, että alkuperäinen pyyntö ei tarjonnut riittävästi kontekstia. Aloittamisen sijaan alusta olemassa olevaa suunnittelua voidaan parantaa iteratiivisella työskentelyllä. Claudea pyydettiin säilyttämään asettelu, mutta kirjoittamaan sisältö uudelleen Outboundille, web-toimistolle, joka kohdistaa palvelunsa Austinissa toimiville hammaslääkäriasemille. Ensisijainen toimintakehotus muutettiin muotoon ilmainen verkkosivuston auditointi.

Verkkosivuston hienosäätö äänisyötteellä

Pitkiä projektiohjeita ei aina tarvitse kirjoittaa käsin. Clauden mikrofonitoimintoa voi käyttää muutosten kuvaamiseen luonnollisesti, esimerkiksi:

• Mitä yritys tekee
• Kuka on kohdeyleisö
• Mitä sisältöä tulee muuttaa
• Mitkä osat nykyisestä suunnittelusta säilytetään
• Mikä on tärkein toimintakehotus

Claude voi tämän jälkeen esittää tarkentavia kysymyksiä, jos olennaista tietoa puuttuu, ja päivittää verkkosivuston vastausten perusteella.

Clauden yhdistäminen Verceliin

Kun verkkosivusto on valmis, se täytyy julkaista hosting-alustalle. Sen sijaan, että Gitin, GitHubin ja julkaisuasetusten määrittely tehtäisiin manuaalisesti, Claude Code voi yhdistää suoraan Verceliin MCP-liittimen kautta.

Yhdistäminen Verceliin:

1. Napsauta plus-kuvaketta Claude-chatin syötteen vieressä.
2. Avaa Connectors ja valitse Manage connectors.
3. Napsauta Browse connectors.
4. Etsi Vercel ja napsauta Connect.
5. Valtuuta Claude käyttämään oikeaa Vercel-tiimiä ja projekteja.

Yhteyden muodostamisen jälkeen Claude voi julkaista projektin, seurata julkaisua, tunnistaa virheet ja palauttaa toimivan verkkosivuston URL-osoitteen.

Julkaisun ongelmien tarkastelu

Ensimmäinen julkaisu voi epäonnistua, jos Claude muokkaa projektia toisessa istunnossa tai jos nykyiset tiedostot eivät vastaa rakennusvaiheessa käytettyjä tiedostoja. Claude voi tarkastella epäonnistunutta julkaisua, odottaa verkkosivuston muutosten valmistumista, rakentaa projektin uudelleen ja julkaista sen uudestaan.

Ennen julkaisua Claude voi myös tunnistaa keskeneräisiä elementtejä, kuten:

• Lomake, jota ei ole yhdistetty taustajärjestelmään
• Paikkamerkkisisältö
• Puuttuva oma verkkotunnus
• Keskeneräinen tietosuojakäytäntö

Nämä asiat tulisi tarkistaa ennen tuotantoversion julkaisua. Väliaikainen versio voidaan kuitenkin julkaista testausta tai esittelyä varten.

Suunnittelureferenssistä julkaistuun verkkosivustoon

Onnistuneen julkaisun jälkeen Vercel tarjoaa julkisen URL-osoitteen, joka voidaan avata työpöytä- tai mobiililaitteella. Lopullinen verkkosivusto on responsiivinen ja voidaan myöhemmin liittää omaan verkkotunnukseen.

Tämä työnkulku osoittaa, että Claude Code pystyy paljon muuhunkin kuin pelkkään koodin kirjoittamiseen. Se voi viimeistellä sisältöä, muokata projektitiedostoja, yhdistää ulkoisiin palveluihin, ratkaista rakennusvirheitä ja julkaista toimivan verkkosivuston luonnollisen kielen ohjeilla.

Alkuperäinen virhe korostaa myös tärkeää oppia: Claude toimii parhaiten, kun se saa selkeän projektikontekstin alusta alkaen. Liiketoiminnan, kohdeyleisön, tavoitteiden ja toivotun lopputuloksen määrittely auttaa pitämään projektin linjassa ja vähentää tarpeettomia korjauksia.