📣 جعبه‌ابزار کاربردی برای Vibe Coding؛ از ایده تا رابط کاربری 📣

اگر برای Vibe Coding دنبال مرجع طراحی، Prompt آماده و Component هستید، این فهرست می‌تواند بخش زیادی از مسیر طراحی UI را سریع‌تر کند.

1️⃣ ایده و الهام طراحی:
این منابع از نمونه سایت و اپ تا Style، Typography و الگوهای Design System را پوشش می‌دهند.

scrolltide.co
minimal.gallery
kage.design
styles.refero.design
component.gallery
appshot.gallery



2️⃣ بخش‌های مشخص رابط کاربری:

navbar.gallery
footer.design
cta.gallery
404s.design


3️⃣ برای اینکه Agent شما مستقیماً با ساختار طراحی کار کند:

designmd.ai >>
سیستم‌های طراحی را به Markdown تبدیل می‌کند

vibeprompts.dev »
برای Dashboard و Landing Page پرامپت آماده دارد

21st.dev »
به شما Component Registry قابل اتصال از طریق MCP ارائه می‌دهد.

4️⃣ برای ساخت UI آماده:

ui.shadcn.com
ui.aceternity.com
magicui.design
motion-primitives.com
uiverse.io
uiable.com


5️⃣ برای نیازهای تخصصی‌تر:

mapcn.dev » Map Component
microkit.co » Micro-interaction
glass.samasante.com » افکت‌های Liquid Glass
kinetics.colorion.co » Motion Effect



✅ برای جزئیات بصری:

text-effects.colorion.co
gradientbuttons.colorion.co
circleloaders.dominikakissi.com
kitbitz.art
3dicons.co
animejs.com



❌🚫‼️ تذکر مهم:
این ابزارها جای طراحی محصول، UX و بررسی نیاز واقعی کاربر را نمی‌گیرند؛
بهتر است از آن‌ها به‌عنوان مرجع و شتاب‌دهنده استفاده کنید،
نه نسخه آماده‌ای که بدون بررسی وارد پروژه شود.

⬇️کانال رسمی اطلاع‌رسانی پارس‌پک در تلگرام⬇️


✅@abrhacom✅