Hamidreza

ɪ'ᴍ ɪɴᴛᴇʀᴇꜱᴛᴇᴅ ɪɴ 🚀 🏖 UX/UI Designer

[Hamidreza @derhamix]

این تفاوت کوچکی نیست؛ چون در کار با Agentها، دیگر فقط Prompt نمی‌نویسیم، بلکه داریم برای AI یک روش کار تعریف می‌کنیم.

[Hamidreza @derhamix]

این روزها وقتی با AI روی یک رابط کاربری کار می‌کنم، فقط گفتنِ «این صفحه رو حرفه‌ای‌تر کن» کافی نیست.
باید دقیق بگم چه چیزی را می‌خواهم؛ از hierarchy و spacing گرفته تا motion، accessibility و حتی جزئیات interaction.
اینجاست که UI Skills برای من جالب شد.

[Hamidreza @derhamix]

UI Skills کمک می‌کند بخشی از دانش و تجربه‌ای که معمولاً داخل ذهن یک Design Engineer است، به دستورالعمل قابل استفاده برای AI تبدیل شود.

[Hamidreza @derhamix]

اگر دوست دارید یه نگاهی بهش بندازید:
https://t.co/QKPZLLLk0e

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

[Hamidreza @derhamix]

مدتی بود ایده‌ی ساختن یه دانشنامه برای اصطلاحات دنیای کار و کسب‌وکار توی ذهنم بود؛ جایی که وقتی با یه اصطلاح مثل CEO، KPI، ERP، Product Owner یا حتی مفاهیم تخصصی‌تر روبه‌رو می‌شیم، لازم نباشه برای فهمیدنش بین چندین سایت و مقاله مختلف بگردیم.

از همین ایده، «نون ویکی» شکل گرفت.

[Hamidreza @derhamix]

نون ویکی یه دانشنامه ساده و کاربردیه برای اصطلاحات دنیای کسب‌وکار و تکنولوژی؛ با تعریف‌های قابل فهم، دسته‌بندی موضوعی، مسیرهای یادگیری و امکان جست‌وجوی سریع بین اصطلاحات.

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

[Hamidreza @derhamix]

فرض کنید فقط این را به AI بگویید:

«یه داشبورد حرفه‌ای طراحی کن.»

احتمالاً هر بار یک خروجی متفاوت می‌گیرید.

اما اگر ساختار پروژه، قوانین طراحی، Design System و فایل‌های مرجع را هم در اختیارش بگذارید، خروجی‌ها قابل پیش‌بینی‌تر می‌شوند.

[Hamidreza @derhamix]

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

[Hamidreza @derhamix]

به نظرم یکی از مهارت‌های مهم توی طراحی با AI دیگه فقط پرامپت نوشتن نیست؛ پیدا کردن رفرنس‌های خوبه.
هرچقدر ورودی دقیق‌تر باشه، خروجی هم قابل‌استفاده‌تر میشه

[Hamidreza @derhamix]

اگر با Claude Code، Cursor، OpenCode یا هر AI دیگه‌ای UI می‌سازید، یه سایت جالب پیدا کردم که ارزش یه نگاه رو داره.
getdesign.md
این سایت آرشیوی از فایل‌های DESIGN.md داره؛ فایل‌هایی که ساختار طراحی سایت‌های معروف رو به زبان قابل‌فهم برای AI توضیح میدن.

[Hamidreza @derhamix]

یعنی رنگ‌ها، تایپوگرافی، فاصله‌ها، کامپوننت‌ها و حتی منطق طراحی، به صورت Markdown.
چیزی که به نظرم از خود سایت مهم‌تره، اینه که به جای اینکه از AI بگی:
«یه لندینگ قشنگ برام طراحی کن»
یه مرجع مشخص بهش میدی تا بدونه دقیقاً دنبال چه سبک و زبانی هستی.

[Hamidreza @derhamix]

اگه با وردپرس کار می‌کنید، این کانال تلگرام رو دیدم بد نبود 👀

قالب و افزونه‌های به‌روز می‌ذاره، چیزایی مثل المنتور پرو، رنک مث، یواست، آسترا، وودمارت و…

https://t.co/muacyGET13

[Hamidreza @derhamix]

@PMN_Parham @nmiD00nm برا خونه منم همینه

[Hamidreza @derhamix]

@nmiD00nm اینا کلا مغز سازندگی ندارند. تو این همه پرنده‌ای که دیدم مسخره ترینش همینا هستند. هر جا حشری میشه خونه میسازه و سریع تخم میزاره.

[Hamidreza @derhamix]

@realbardia ممنونم فقط نکته‌ای که وجود داره برا من تاچ بار هستش که احتمالا کاراییش کم بشه.