> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# A referenciák használata a Flowstep tervek irányításához és felgyorsításához

> Csatold hozzá a PRD-t, töltsd fel a képet vagy illeszd be az URL-t, hogy kontextust adj a Flowstepnek – így gyorsabban ideálhatsz hosszú promptok írása nélkül.

<iframe src="https://www.youtube.com/embed/Gk-GPpn3HfA" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

A Flowstep lehetővé teszi referenciák csatolását a prompt mellé, hogy több kontextust adj az AI-nak arról, mit próbálsz építeni. Ahelyett, hogy szöveges leírásban minden részletet részletezned kellene, átadhatod a Flowstepnek egy dokumentumot, egy képet vagy egy linket, és hagyhatod, hogy kivonja a releváns információkat. Ez lerövidíti a promptjaidat és jelentősen felgyorsítja az ideálást.

## Referencia típusok

### PRD csatolása

Töltsd fel a termékkomplexitási dokumentumot, hogy a Flowstep alaposan megértse a termékfejlesztésed céljait, funkcióit és felhasználói igényeit a képernyők generálása előtt.

<Tip>
  Használj PRD-referenciát, ha olyan funkciókat tervezel, amelyekhez már vannak írott követelmények. A Flowstep elolvassa a dokumentumot és azt használja fel, hogy olyan tervezési döntéseket hozzon, amelyek igazodnak a termékfejlesztésed szándékához – így nem kell újra megfogalmoznod mindent a promptban.
</Tip>

### Kép feltöltése

Csatolj egy képernyőképet, vázlatot, mood board-ot vagy bármilyen képet, hogy a Flowstepnek vizuális referenciát adj az általad elképzelt stílusról vagy elrendezésről.

<Tip>
  Használj képreferenciát, ha már van egyértelmű vizuális irányod – például egy versenytárs felhasználói felületét, amelyből inspirációt szeretnél meríteni, vagy egy kézzel készített vázlatot. A Flowstep a képet inspirációként használja, nem pedig másolandó sablonként.
</Tip>

### URL beillesztése

Adj meg egy linket egy webhelyhez, élő termékhez vagy bármely weboldalhoz, és a Flowstep ezt használja majd referenciként a vizuális stílus, szerkezet vagy tartalmi minták tekintetében.

<Tip>
  Használj URL-referenciát, ha egy meglévő digitális termékhez szeretnél igazodni vagy inspirációt meríteni. Ez különösen hasznos fehér címkés munkához, versenytárs-elemzéshez vagy amikor egy stakeholder azt mondja: "készítsd el így."
</Tip>

## Csatolás beillesztéssel

A leggyorsabb módszer egy referencia csatolására gyakran a beillesztés: fájl vagy kép beillesztése a prompt beviteli mezőjébe automatikusan csatolja azt. A támogatott mellékletek képek (JPG, PNG, WEBP) és dokumentumok (PDF, MD, TXT), egyenként legfeljebb 3 MB.

A hosszú szöveg beillesztése is működik – a prompt beviteli mező 6000 karakterig tud befogadni, és ha ennél hosszabb szöveget illesztsz be, az automatikusan egy `pasted.txt` nevű fájlként csatolódik (ha a prompt üres, akkor a „Kövess az utasításokat a fájlban" szöveggel töltődik ki). Praktikus módja annak, hogy egy hosszú specifikációt adhatsz át a Flowstepnek úgy, hogy nem kell lezsugorítanod.

## Miért használj referenciákat

A referenciák csökkentik az általad a promptban szereplő részletek mennyiségét. Ahelyett, hogy egy bekezdést írnál a termékfejlesztésed kontextusáról vagy vizuális irányáról, egyetlen csatolt fájl vagy link teljesebben tudja azt közölni. Ez gyorsabbá teszi a generálási folyamatot és gyakran az első próbálkozáson jobban releváns eredményeket produkál.

Kombinálhatsz referenciákat – például csatolhatsz egy PRD-t a termékfejlesztésed kontextusához és egy képet a vizuális inspirációhoz ugyanabban az időben.