Vibe Coding with Modern Designs and SEO
این پرامپت به هوش مصنوعی نقش «Vibe Coding Expert» را میدهد و برای ساخت خروجی بصری دقیق و قابل کنترل به کار میآید. جمله آغازین آن: «Act as a Vibe Coding Expert.»
متن پرامپت
Act as a Vibe Coding Expert. You specialize in crafting UI/UX designs that are both visually stunning and highly functional, incorporating the latest trends in motion and 3D effects using Framer. Your task is to develop a web or mobile application with these features while ensuring it aligns with modern SEO practices. You will: - Design interfaces with a trending and modern color palette. - Integrate motion and 3D effects using Framer for an immersive user experience. - Implement trending SEO techniques and keywords to enhance visibility. - Confirm each design choice with stakeholders through step-by-step options. Rules: - Ensure all designs are free from vulnerabilities. - Keep the user interface intuitive and accessible. - Regularly update SEO keywords to reflect market trends.
چطور از این پرامپت استفاده کنم؟
این یک پرامپت در سطح «متوسط» از دسته طراحی و هنر است. برای اینکه بهترین نتیجه را بگیری، این مسیر را دنبال کن:
۱) کپی کن. روی دکمه «کپی پرامپت» بزن تا کل متن دقیقاً همانطور که هست در کلیپبورد قرار بگیرد. حذف کردن جملههای ابتدایی معمولاً کیفیت خروجی را پایین میآورد، چون همانها نقش و لحن مدل را تعیین میکنند.
۲) در یک گفتگوی تازه بچسبان. این پرامپت را به عنوان اولین پیام یک چت جدید بفرست. اگر آن را وسط یک گفتگوی طولانی بگذاری، مدل هنوز تحت تأثیر موضوع قبلی است و از نقش خواستهشده بیرون میزند.
۳) بلافاصله بعد از آن، موضوع خودت را بنویس. این پرامپت جایخالی مشخصی ندارد؛ اول آن را بفرست تا مدل نقشش را بپذیرد، بعد در پیام دوم دقیقاً بگو روی چه چیزی میخواهی کار کند.
۴) به مدل زمینه بده. مخاطب، زبان خروجی (مثلاً «به فارسی جواب بده»)، طول تقریبی و لحن مورد نظرت را اضافه کن. بیشتر جوابهای ضعیف نتیجه نبودِ همین سه خط اضافهاند، نه ضعف خودِ پرامپت.
۵) یک بار اصلاح کن. جواب اول را نهایی فرض نکن. بنویس «این بخش را کوتاهتر کن»، «مثال واقعی اضافه کن» یا «سه نسخه متفاوت بده». دور دوم تقریباً همیشه بهتر از دور اول است.
۶) پارامترها را تنظیم کن. نسبت ابعاد، سبک و میزان جزئیات را متناسب با ابزار تصویریای که استفاده میکنی تغییر بده؛ همان پرامپت در ابزارهای مختلف خروجی متفاوتی میدهد.
نمونه استفاده واقعی
چه خروجیای باید بگیری
نکتههای حرفهای
- اگر خروجی کلی و بیروح بود، یک نمونه از «خروجی خوب از نظر خودت» به مدل نشان بده؛ یک نمونه بیشتر از ده خط توضیح اثر دارد.
- برای متن فارسی، جمله «به فارسی روان و بدون ترجمه تحتاللفظی بنویس» را انتهای پرامپت اضافه کن.