🧰 جعبه‌ابزار Vibe Coding؛ قبل از پرامپت بعدی این‌ها را باز کن

اگر با Cursor، Claude Code، Lovable یا v0 سایت و اپ می‌سازی، بیشترِ خروجی‌های «معمولی» از یک جا می‌آید: مدل رفرنس ندارد. این فهرست همان رفرنس است.

الهام و رفرنس طراحی
• minimal.gallery
• kage.design
• styles.refero.design
• component.gallery
• appshot.gallery
• navbar.gallery · footer.design · cta.gallery
• 404s.design

پرامپت و طراحی برای AI Coding
• scrolltide.co
• designmd.ai
• vibeprompts.dev
• 21st.dev

کامپوننت و UI آماده
• ui.shadcn.com
• ui.aceternity.com
• magicui.design
• motion-primitives.com
• uiverse.io
• uiable.com
• mapcn.dev

انیمیشن و افکت
• kinetics.colorion.co
• microkit.co
• glass.samasante.com
• text-effects.colorion.co
• gradientbuttons.colorion.co
• animejs.com

گرافیک و سه‌بعدی
• kitbitz.art
• 3dicons.co

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

این پست را ذخیره کن و بگو در کدام بخش بیشتر گیر می‌کنی: طراحی، کامپوننت یا انیمیشن؟ 👇

#VibeCoding #کدنویسی_با_هوش_مصنوعی #طراحی_وب #ابزار

@mrchatgpt_ir