Hindi ko alam kung paano isasalin ang isang UI reference sa isang malinaw at magagamit na prompt para sa Cursor o Claude.

Tinutulungan ng feature na ito ang mga user na gawing malinaw at structured na prompt ang isang UI reference na maaari nilang i-paste sa Cursor o Claude. Binabawasan nito ang kalituhan at sinisiguradong natatanggap ng model ang tamang konteksto, mga limitasyon, at ang format ng output na kailangan.

Ginagabayan ng feature na ito ang mga user sa paggawa ng isang UI reference (gaya ng screenshot, design mock, o umiiral na interface) tungo sa isang tumpak at actionable na prompt para sa Cursor o Claude. Tinutulungan nito ang mga user na tukuyin ang mga pangunahing elemento ng interface—layout, components, interactions, states, at constraints—at ipahayag ang mga ito sa wikang maiintindihan ng isang AI model. Hinihikayat ng feature ang pagdaragdag ng mahahalagang konteksto gaya ng target platform, tech stack, inaasahang accessibility, at responsive behavior. Nagbibigay ito ng structured prompt format para matukoy ng mga user kung ano ang dapat buuin, ano ang dapat gayahin, at ano ang maaaring baguhin. Tinutulungan din nito ang mga user na ilarawan ang mga edge case gaya ng loading, empty, error, at validation states upang maiwasan ang mga hindi kumpletong output. Sa pamamagitan ng paglilinaw sa mga assumptions at pagtukoy sa acceptance criteria, napapabuti nito ang consistency at usability ng nabuong code o mga tagubilin sa UI. Maaari itong gamitin ng mga user kapag muling gumagawa ng UI mula sa isang reference, nag-i-iterate sa isang umiiral na disenyo, o humihingi ng plano para sa implementasyon ng bawat component. Ang resulta ay isang prompt na mas madaling intindihin, mas kumpleto, at mas malamang na makagawa ng tama at production-ready na output. Lalo itong kapaki-pakinabang para sa mga user na hindi sigurado kung anong mga detalye ang pinakamahalaga kapag naglalarawan ng UI sa isang AI assistant.