Aloittelija🚀 Aloitus

Sivun layoutin luonti

Luo responsiivinen sivu-layout Tailwind CSS:llä.

Prompti

Luo sivun layout [SIVUN_TYYPPI] sivulle.

Rakenne:
[RAKENTEEN_KUVAUS]

Vaatimukset:
- Responsiivinen (mobiili, tabletti, desktop)
- Tailwind CSS
- Semantic HTML
- Accessibility huomioitu

Breakpointit:
- Mobile: alle 640px
- Tablet: 640px - 1024px
- Desktop: yli 1024px

Suomenkieliset vinkit

Suomenkieliset promptit tuottavat suomenkielisiä koodikommentteja ja muuttujanimiä
Lisää 'vastaa suomeksi' promptin loppuun jos AI vastaa englanniksi
Claude ymmärtää suomea erityisen hyvin muihin malleihin verrattuna

Muuttujat

Korvaa nämä hakasulkeissa olevat muuttujat omilla tiedoillasi:

[SIVUN_TYYPPI]
[RAKENTEEN_KUVAUS]

Esimerkki

Täytetty prompti

Luo sivun layout dashboard sivulle.

Rakenne:
- Sivupalkki vasemmalla (sulkeutuu mobiilissa)
- Yläpalkki käyttäjätiedoilla
- Pääsisältöalue keskellä
- Footer tiedoilla

Vaatimukset:
- Responsiivinen (mobiili, tabletti, desktop)
- Tailwind CSS
- Semantic HTML
- Accessibility huomioitu

Breakpointit:
- Mobile: alle 640px
- Tablet: 640px - 1024px
- Desktop: yli 1024px

Tulos

Täydellinen responsiivinen layout.

Vinkit

Kuvaile rakenne selkeästi
Mieti mobiili-ensin
Pyydä accessibility-ominaisuuksia

Milloin käyttää

Luot uuden sivun
Tarvitset responsiivisen layoutin
Rakennat dashboard-näkymää

Liittyvät promptit

Ensimmäinen komponentti

Luo uusi React-komponentti selkeällä rakenteella.

Uuden projektin rakenne

Luo selkeä kansiorakenne ja perusrakenne uudelle projektille.

API-endpointin luonti

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

Hyödyllisiä resursseja

Lisää prompteja

Selaa kaikkia aloitus prompteja tai tutustu muihin kategorioihin.

Kaikki aloitus promptit Kaikki kategoriat