رفتن به محتوای اصلی
مقاله‌ها

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

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

کاور مقاله: اسکیل چیست و چرا همه‌جا هست؛ ساختار پوشه‌ی یک اسکیل با فایل SKILL.md
راهنمای جامع

اسکیل چیست؟ راهنمای کامل Agent Skills برای Claude، Codex و Cursor

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

· ۶ دقیقه مطالعه
کاور مقاله: دسترس‌پذیری در محصول فارسی
طراحی محصول

دسترس‌پذیری در محصول فارسی؛ ۱۰ قاعده که همه باید رعایت کنند

دسترس‌پذیری فقط برای کاربران نابینا نیست؛ برای هر کسی است که با کیبورد کار می‌کند، چشمش خسته است یا زیر نور آفتاب گوشی می‌بیند. ده قاعده‌ی عملی با عدد و مثال، و نکته‌های مخصوص رابط فارسی.

· ۳ دقیقه مطالعه
کاور مقاله: AGENTS.md و CLAUDE.md چیست
راهنمای جامع

AGENTS.md و CLAUDE.md چیست؟ فایل راهنمای پروژه برای ایجنت‌ها

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

· ۳ دقیقه مطالعه
کاور مقاله: هوش مصنوعی برای طراحان محصول
تجربه

هوش مصنوعی برای طراحان محصول؛ ۸ کار که همین امروز می‌شود سپرد

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

· ۲ دقیقه مطالعه
کاور مقاله: چرا هوش مصنوعی فارسی را خراب می‌کند
طراحی محصول

چرا هوش مصنوعی رابط و متن فارسی را خراب می‌کند و چطور درستش کنیم

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

· ۶ دقیقه مطالعه
کاور مقاله: Claude Code چیست؛ راهنمای شروع
راهنمای جامع

Claude Code چیست؟ راهنمای شروع برای طراح‌ها و توسعه‌دهنده‌ها

Claude Code دستیار هوش مصنوعی Anthropic است که در ترمینال و کنار فایل‌های پروژه کار می‌کند. در این راهنما می‌بینید چطور نصبش کنید، اولین کار را به آن بسپارید و با اسکیل‌ها قوی‌ترش کنید.

· ۵ دقیقه مطالعه
کاور مقاله: طراحی تم تیره
طراحی

طراحی تم تیره؛ فقط برعکس کردن رنگ‌ها نیست

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

· ۲ دقیقه مطالعه
کاور مقاله: توکن طراحی چیست
دیزاین‌سیستم

توکن طراحی چیست؟ راهنمای عملی برای طراح‌ها و توسعه‌دهنده‌ها

توکن طراحی زبان مشترک فیگما و کد است: رنگ، فاصله، گوشه و سایه با یک نام. چرا لازم است، چطور نام‌گذاری کنیم و چطور از یک منبع، CSS و فیگما و تم تیره بسازیم.

· ۲ دقیقه مطالعه
کاور مقاله: طراحی حالت خالی
یوایکس رایتینگ

حالت خالی؛ صفحه‌ای که بیشتر از همه نادیده گرفته می‌شود

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

· ۲ دقیقه مطالعه
کاور مقاله: نوشتن پیام خطا به فارسی
یوایکس رایتینگ

نوشتن پیام خطا به فارسی؛ الگو و نمونه برای هر موقعیت

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

· ۳ دقیقه مطالعه
کاور مقاله: از پرامپت تا ایجنت
تجربه

از پرامپت تا ایجنت؛ چطور کارهای تکراری را به هوش مصنوعی بسپاریم

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

· ۴ دقیقه مطالعه
کاور مقاله: آیکون‌ست یکدست
طراحی

آیکون‌ست یکدست؛ چرا آیکون‌های چند کتابخانه را با هم قاطی نکنیم

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

· ۲ دقیقه مطالعه
کاور مقاله: طراحی کاروسل اینستاگرام فارسی
طراحی

طراحی کاروسل اینستاگرام فارسی؛ از اسلاید اول تا آخر

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

· ۲ دقیقه مطالعه
کاور مقاله: اعتبارسنجی کد ملی، کارت، شبا و موبایل
دیزاین‌سیستم

اعتبارسنجی کد ملی، کارت بانکی، شبا و موبایل در فرم‌ها

الگوریتم‌های دقیق اعتبارسنجی داده‌های ایرانی با کد آماده و تست‌شده؛ به‌اضافه‌ی نکته‌هایی که فرم را برای کاربر ساده‌تر می‌کند: ارقام فارسی، گروه‌بندی هنگام تایپ و زمان درست نمایش خطا.

· ۲ دقیقه مطالعه
کاور مقاله: تقویم شمسی در وب
دیزاین‌سیستم

تقویم شمسی در وب؛ از نمایش تاریخ تا انتخابگر کامل

نمایش تاریخ شمسی با یک خط کد، و آنچه یک انتخابگر تاریخ شمسی خوب لازم دارد: تبدیل دقیق، شنبه اول هفته، تعطیلی‌ها، ورود با کیبورد و دسترس‌پذیری.

· ۲ دقیقه مطالعه
کاور مقاله: نوشتن متن صفحه‌ی فرود به فارسی
یوایکس رایتینگ

نوشتن متن صفحه‌ی فرود (لندینگ) به فارسی؛ از تیتر تا دکمه

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

· ۳ دقیقه مطالعه
کاور مقاله: MCP دسترسی است، اسکیل مهارت
مفاهیم

MCP چیست و چه فرقی با اسکیل دارد؟

MCP پروتکلی است که دستیار هوش مصنوعی را به ابزارها و داده‌ها وصل می‌کند؛ اسکیل دانشی است که می‌گوید با آن‌ها چه کند. این مقاله توضیح می‌دهد هر کدام کجا به کار می‌آید و چرا بهترین نتیجه از ترکیب این دو می‌آید.

· ۴ دقیقه مطالعه
کاور مقاله: عدد، تاریخ و پول در رابط فارسی
درست‌نویسی

عدد، تاریخ و پول در رابط فارسی؛ راهنمای کامل

ارقام فارسی یا لاتین؟ جداکننده‌ی هزارگان چیست؟ تاریخ شمسی را چطور نمایش دهیم و قیمت را تومان بنویسیم یا ریال؟ همه‌ی قاعده‌ها با نمونه و کد.

· ۲ دقیقه مطالعه
کاور مقاله: تصویر لینک یا OG چیست
سئو و رشد

تصویر لینک (OG) چیست و چرا لینک سایت شما در تلگرام زشت دیده می‌شود؟

وقتی لینک سایتتان را در تلگرام یا لینکدین می‌فرستید، تصویر و عنوانی که نمایش داده می‌شود از تگ‌های Open Graph می‌آید. چطور درستش کنیم، چه اندازه‌ای بسازیم و پیش‌نمایش قدیمی را چطور به‌روز کنیم.

· ۴ دقیقه مطالعه
کاور مقاله: هفت تصمیم پایه‌ی دیزاین‌سیستم فارسی
دیزاین‌سیستم

ساختن دیزاین‌سیستم فارسی؛ هفت تصمیمی که از روز اول باید بگیرید

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

· ۴ دقیقه مطالعه
کاور مقاله: فونت فارسی برای وب
طراحی

فونت فارسی برای وب؛ انتخاب، بارگذاری و تایپوگرافی

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

· ۲ دقیقه مطالعه
کاور مقاله: سئوی سایت فارسی در ۲۰۲۶
سئو و رشد

سئوی سایت فارسی در ۲۰۲۶؛ چه چیزی عوض شده و از کجا شروع کنیم

اسنیپت FAQ رفت، گوگل گفت llms.txt لازم نیست و هوش مصنوعی وارد نتیجه‌ها شد. راهنمای به‌روز سئوی سایت فارسی: ترتیب درست کارها، لایه‌ی فارسی و ممیزی واقعی یک سایت.

· ۵ دقیقه مطالعه
کاور مقاله: طراحی پوستر فارسی برای تلگرام و اینستاگرام
طراحی

طراحی پوستر فارسی برای تلگرام و اینستاگرام؛ اندازه، تایپوگرافی و ترکیب‌بندی

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

· ۴ دقیقه مطالعه
کاور مقاله: ۱۲ قاعده‌ی یوایکس رایتینگ فارسی
یوایکس رایتینگ

۱۲ قاعده‌ی یوایکس رایتینگ فارسی برای دکمه، خطا و حالت خالی

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

· ۴ دقیقه مطالعه
کاور مقاله: واژه‌نامه‌ی محصول
یوایکس رایتینگ

واژه‌نامه‌ی محصول؛ یک کلمه برای هر مفهوم

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

· ۲ دقیقه مطالعه
کاور مقاله: چک‌لیست رابط راست‌به‌چپ
طراحی محصول

چک‌لیست رابط راست‌به‌چپ (RTL) برای وب؛ ۱۵ نکته که معمولاً جا می‌ماند

dir="rtl" فقط شروع کار است. پانزده نکته‌ی عملی برای رابط فارسی، از ویژگی‌های منطقی CSS و قرینه‌سازی آیکون تا متن دوجهته، انیمیشن، اسکرول افقی و فیلدهای شماره‌ی کارت.

· ۳ دقیقه مطالعه
کاور مقاله: نوشتن description اسکیل
آموزش

نوشتن description اسکیل؛ چطور کاری کنیم دستیار اسکیل را پیدا کند

مهم‌ترین جمله‌ی هر اسکیل، توضیح کوتاه آن است. فرمول نوشتن description، کلمه‌هایی که باید در آن باشد، اشتباه‌های رایج و روش تست کردن این‌که اسکیل درست کشف می‌شود.

· ۳ دقیقه مطالعه
کاور مقاله: ارزیابی اسکیل
آموزش

ارزیابی اسکیل؛ چطور بفهمیم یک اسکیل واقعاً کار می‌کند

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

· ۳ دقیقه مطالعه
کاور مقاله: اسکریپت در اسکیل
آموزش

اسکریپت در اسکیل؛ کی کد بنویسیم و کی دستورالعمل

بعضی کارها را باید به قضاوت مدل سپرد و بعضی را به یک اسکریپت تست‌شده. چطور تشخیص دهیم، اسکریپت خوب برای اسکیل چه ویژگی‌هایی دارد و چند نمونه‌ی واقعی.

· ۳ دقیقه مطالعه
کاور مقاله: اسکیل برای تیم
تجربه

اسکیل برای تیم؛ یک روش کار برای همه‌ی اعضا

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

· ۲ دقیقه مطالعه
کاور مقاله: طراحی آیکون در ۲۰ پیکسل
طراحی

طراحی آیکون رابط کاربری؛ چرا آیکون خوب در ۲۰ پیکسل ساخته می‌شود

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

· ۴ دقیقه مطالعه
کاور مقاله: لحن برند در محصول فارسی
یوایکس رایتینگ

لحن برند در محصول فارسی؛ چطور چارت لحن بسازیم

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

· ۲ دقیقه مطالعه
کاور مقاله: ۹ اصل نوشتن اسکیل حرفه‌ای
آموزش

۹ اصل نوشتن یک اسکیل حرفه‌ای برای Claude و Codex

بیشتر اسکیل‌ها یا هیچ‌وقت اجرا نمی‌شوند یا نتیجه‌ی ثابتی نمی‌دهند. این ۹ اصل، از راهنمای رسمی Anthropic و تجربه‌ی ساختن اسکیل‌های واقعی، اسکیل شما را قابل‌اعتماد می‌کند.

· ۶ دقیقه مطالعه
کاور مقاله: راهنمای کامل نیم‌فاصله
درست‌نویسی

نیم‌فاصله؛ راهنمای کامل برای طراح‌ها و برنامه‌نویس‌ها

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

· ۴ دقیقه مطالعه