نشان ThinkFlowراهنمای ThinkFlow
راهنمای رسمی

از ایده تا پیش‌نمایش زنده

راهنمای استفاده از اپلیکیشن ThinkFlow

یاد بگیرید چطور ایده‌تان را دقیق بنویسید، مدل و نوع خروجی را انتخاب کنید، نتیجه را زنده ببینید و با درخواست‌های بعدی آن را اصلاح کنید.

ورودنوشتن ایدهساختبازبینیدانلود
نسخه کوتاه: وارد حساب شوید، در پایین صفحه چیزی را که می‌خواهید بسازید توضیح دهید و «ارسال» را بزنید. ThinkFlow هم‌زمان با تولید کد، پیش‌نمایش را در فضای اصلی صفحه نشان می‌دهد.
۱

وارد اپلیکیشن شوید

پس از ورود به حساب، «شروع ساخت» را انتخاب کنید. در بالای محیط اپلیکیشن تعداد درخواست‌های باقی‌مانده و وضعیت سرویس نمایش داده می‌شود.

فضای مرکزی در شروع خالی است و نوار نوشتن پرامپت همیشه پایین صفحه در دسترس می‌ماند.

۲

درخواستتان را روشن و قابل اجرا بنویسید

در کادر پایین صفحه، نوع سایت، مخاطب، بخش‌های موردنیاز و حال‌وهوای بصری را توضیح دهید. لازم نیست اصطلاحات فنی بلد باشید، اما جزئیات مشخص معمولاً نتیجه دقیق‌تری می‌سازند.

نمونه پرامپت:
یک صفحه فارسی و واکنش‌گرا برای کافه محلی بساز. صفحه شامل معرفی کوتاه، منوی نوشیدنی با قیمت، ساعت کاری، آدرس و دکمه تماس باشد. رنگ‌های کرم، زیتونی و آجری استفاده کن و طراحی در موبایل ساده و خوانا باشد.
بهتر است بنویسیدنوع کسب‌وکار، مخاطب، بخش‌ها، زبان، رنگ‌ها و اقدام اصلی کاربر.
کافی نیست«یک سایت خیلی خفن و مدرن بساز»؛ چون مدل مجبور می‌شود بیشتر جزئیات را حدس بزند.
توضیح سایتجهت نوشتن خودکار فارسی/انگلیسی
یک لندینگ فارسی برای معرفی استودیوی معماری با گالری پروژه‌ها، خدمات و فرم درخواست مشاوره بساز...
۳

مدل و نوع خروجی را انتخاب کنید

منوی «مدل و تنظیمات» دو انتخاب دارد. فهرست مدل‌ها بر اساس پلن حساب و سرویس‌دهنده فعال نمایش داده می‌شود؛ مدل قفل‌شده در پلن فعلی قابل انتخاب نیست.

  • خودکار: ThinkFlow بر اساس متن درخواست، HTML یا TSX را تشخیص می‌دهد.
  • HTML مستقل: برای صفحه‌ای که باید در یک فایل مستقل اجرا شود.
  • React + TypeScript: برای خروجی کامپوننتی TSX در runtime امن پیش‌نمایش.
مدل و تنظیمات
مدل هوش مصنوعی ▾
نوع خروجی: خودکار ▾
اگر درباره فرمت مطمئن نیستید، گزینه «خودکار بر اساس پرامپت» را نگه دارید.
۴

ساخت و پیش‌نمایش زنده را دنبال کنید

پس از زدن «ارسال»، وضعیت ساخت در صفحه دیده می‌شود و هر زمان خروجی قابل رندر برسد، پیش‌نمایش به‌روزرسانی می‌شود. هنگام تولید طولانی، صفحه را نبندید و درخواست دیگری نفرستید.

ویرایشگر کدپیش‌نمایش
export default function App() {
  return (<main>...</main>)
}
پیش‌نمایش سایت

خروجی در این بخش رندر می‌شود.

با دکمه‌های «پیش‌نمایش» و «مشاهده کد» می‌توانید بین نتیجه نهایی و کد جابه‌جا شوید. در ویرایشگر کد نیز تغییرات معتبر دوباره در پیش‌نمایش رندر می‌شوند.

۵

نتیجه را مرحله‌به‌مرحله اصلاح کنید

برای تغییر پروژه فعلی، درخواست بعدی را کوتاه و مشخص بنویسید. ThinkFlow آن را به‌عنوان ادامه همان پروژه در نظر می‌گیرد.

نمونه اصلاح:
رنگ دکمه اصلی را سبز تیره کن، بخش نظرات مشتریان را بعد از خدمات قرار بده و فاصله کارت‌ها را در موبایل کمتر کن.

بهتر است در هر پیام یک مجموعه تغییر مرتبط بخواهید؛ این کار بازبینی نتیجه را ساده‌تر می‌کند.

۶

برای ایده متفاوت، پروژه قبلی را پاک کنید

اگر می‌خواهید سایتی کاملاً متفاوت بسازید، پیش از ارسال پرامپت جدید دکمه «پاک‌کردن» را بزنید. این کار کد و زمینه پروژه قبلی را کنار می‌گذارد تا درخواست تازه با اصلاحات قبلی ترکیب نشود.

پاک‌کردن برای شروع پروژه جدید است. برای تغییر همان سایت، پروژه را پاک نکنید و درخواست اصلاحی بفرستید.
۷

خروجی را بازبینی و دانلود کنید

پیش از دانلود، متن‌ها، لینک‌ها، فرم‌ها، نمایش موبایل و تصاویر را بررسی کنید. سپس از منوی سه‌نقطه بالای صفحه «دانلود خروجی» را انتخاب کنید.

خروجی هوش مصنوعی نقطه شروع قدرتمندی است، اما اطلاعات تماس، قیمت‌ها، حقوق تصاویر و عملکرد فرم یا پرداخت باید پیش از انتشار نهایی توسط شما کنترل شوند.

۸

اگر خروجی نمایش داده نشد چه کنیم؟

پیش‌نمایش سفید یا ناقص است

ابتدا چند لحظه تا پایان تولید صبر کنید. سپس «پیش‌نمایش» را دوباره انتخاب کنید. اگر مدل فایل کامل برنگردانده، درخواست را کوتاه‌تر یا با مدل دیگری تکرار کنید.

یک مدل قابل انتخاب نیست

مدل‌های در دسترس به پلن حساب و وضعیت سرویس‌دهنده بستگی دارند. توضیح کنار مدل قفل‌شده، پلن موردنیاز یا غیرفعال بودن موقت آن را نشان می‌دهد.

تغییر جدید روی سایت قبلی اعمال شد

برای ساخت یک پروژه مستقل، ابتدا «پاک‌کردن» را بزنید. بدون این کار، پیام جدید ادامه پروژه فعلی محسوب می‌شود.

تصویر خارجی بارگذاری نمی‌شود

بعضی میزبان‌ها دسترسی مستقیم را مسدود می‌کنند یا لینک موقت می‌دهند. از آدرس عمومی پایدار و HTTPS استفاده کنید و پیش از انتشار، مجوز تصویر را بررسی کنید.

آماده‌اید اولین سایتتان را بسازید؟

به صفحه اصلی برگردید، وارد حساب شوید و ایده‌تان را در ThinkFlow بنویسید.

شروع ساخت با ThinkFlow