🚀

Aloitus promptit

Promptit uusien projektien ja ominaisuuksien aloittamiseen.

16 promptia

Milloin käytät näitä promptteja?

Aloituspromptit ovat projektin ensimmäisiä viestejä tekoälylle. Niillä kerrot, mitä rakennetaan, kenelle ja millä tekniikalla, ennen kuin yhtään koodiriviä on kirjoitettu. Hyvä aloitus säästää eniten aikaa koko projektissa, koska kaikki myöhemmät pyynnöt nojaavat siihen.

  • Aloitat uuden sovelluksen tai sivuston tyhjästä.
  • Lisäät olemassa olevaan projektiin kokonaan uuden ominaisuuden, kuten kirjautumisen tai maksut.
  • Haluat tekoälyn ehdottavan kansiorakenteen ja suunnitelman ennen kuin se muuttaa tiedostoja.
  • Vaihdat työkalua kesken projektin ja tarvitset tiiviin kuvauksen, josta uusi työkalu pääsee alkuun.

Esimerkki

Tilanne: Haluat tehdä pienen sovelluksen, jolla seuraat kotitalouden kuluja.

Rakenna web-sovellus kotitalouden kulujen seurantaan. Käyttäjä lisää kulun (summa, päivä, kategoria) ja näkee kuukauden kulut kategorioittain. Ei kirjautumista, tiedot tallennetaan selaimeen. Käytä Next.js:ää, TypeScriptiä ja Tailwind CSS:ää. Kerro ensin tiedostorakenne ja odota hyväksyntääni ennen koodia.

Mitä tapahtuu: Tekoäly ehdottaa rakenteen, jonka voit korjata ennen kuin yhtään tiedostoa syntyy. Rajaus "ei kirjautumista" estää sitä rakentamasta backendiä, jota et tarvitse.

Miten hyvä prompti rakennetaan?

Kaikki tämän kategorian promptit noudattavat samaa neljän osan rakennetta. Kun jokin osa puuttuu, tekoäly täyttää aukon arvauksella.

  1. Tavoite: mitä haluat lopputulokseksi, yhdellä tai kahdella lauseella.
  2. Konteksti: mitkä tiedostot, sivut tai virheilmoitukset liittyvät tehtävään.
  3. Rajaus: mitä tekoäly ei saa muuttaa, kuten ulkoasu, testit tai muut tiedostot.
  4. Tarkistus: miten tiedät, että tehtävä onnistui, esimerkiksi testit menevät läpi tai sivu näyttää oikean summan.

Yleisimmät virheet

  • Liian iso ensimmäinen pyyntö. Kun pyydät koko sovelluksen kerralla, tekoäly tekee paljon oletuksia, ja niiden purkaminen vie enemmän aikaa kuin pienestä aloittaminen.
  • Tekniikka jää mainitsematta. Ilman sitä tekoäly valitsee itse, ja seuraava työkalu tai ihminen voi joutua opettelemaan aivan eri pinon.
  • Käyttäjää ei kuvata. Tieto siitä, kuka sovellusta käyttää ja millä laitteella, ohjaa ulkoasua ja rajauksia enemmän kuin pitkä ominaisuuslista.

Vinkit

  • Kerro, mitä jätetään pois. Rajaus on yhtä tärkeä kuin ominaisuuslista.
  • Pyydä suunnitelma ennen koodia, varsinkin jos projekti on isompi kuin yksi sivu.
  • Aloita pienimmästä toimivasta versiosta ja lisää ominaisuudet yksi kerrallaan.

Liittyvät sanaston termit: Prompt, MVP, Framework, Next.js, Iteraatio

Uuden projektin rakenne

Aloittelija

Luo selkeä kansiorakenne ja perusrakenne uudelle projektille.

Ensimmäinen komponentti

Aloittelija

Luo uusi React-komponentti selkeällä rakenteella.

API-endpointin luonti

Keskitaso

Luo uusi API-endpoint validoinnilla ja virheenkäsittelyllä.

Tietokantakyselyjen luonti

Keskitaso

Luo tietokantakyselyt CRUD-operaatioille.

Lomakkeen luonti validoinnilla

Keskitaso

Luo lomake täydellä validoinnilla ja virheviesteilä.

Autentikaation perustaminen

Edistynyt

Perusta käyttäjien autentikaatio sovellukseen.

Konfiguraatiotiedoston luonti

Keskitaso

Luo tai päivitä projektin konfiguraatiotiedostoja.

Sivun layoutin luonti

Aloittelija

Luo responsiivinen sivu-layout Tailwind CSS:llä.

Landing-sivun luonti

Keskitaso

Luo konvertoiva landing-sivu tuotteelle tai palvelulle.

Dashboard-näkymän rakenne

Keskitaso

Luo kojelauta-näkymä datanäyttöineen ja toiminnallisuuksineen.

Stripe-maksuintegraatio

Edistynyt

Integroi Stripe-maksaminen sovellukseen.

Sähköpostitemplaattien luonti

Keskitaso

Luo responsiiviset sähköpostitemplaatit.

Prompt-ketjutus tehtäväsarjaksi

Keskitaso

Pilko iso kehitystehtävä vaiheisiin, jotka AI pystyy toteuttamaan hallitusti.

Speksistä toteutussuunnitelma

Keskitaso

Muunna tuotespesifikaatio konkreettiseksi kehityssuunnitelmaksi.

Feature flag rollout -suunnitelma

Keskitaso

Rakenna turvallinen julkaisusuunnitelma feature flageilla.

API-versionointistrategia

Edistynyt

Valitse API-versionointimalli ja tee konkreettinen kayttoonottosuunnitelma.