FarsiUI

مهارت‌ها

دستورالعمل‌های آماده برای وقتی با هوش مصنوعی فارسی می‌نویسید یا محصول فارسی می‌سازید.

مهارت یعنی یک فایل کوتاه راهنما. آن را به ابزارهایی مثل Cursor یا Claude می‌دهید تا بداند مثلاً پیام خوش‌آمد را چطور بنویسد، تاریخ را شمسی نشان دهد، یا دکمه را «خرید» کند نه Buy.

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

از کجا شروع کنید

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

فهرست مهارت‌ها

نوشتن

Writing

لحن و متن فارسی برای محصول و محتوا

وب

Web

پیش‌نمایش لینک، واکنش‌گرایی، دسترس‌پذیری، تعامل و نمودار فارسی

الگوهای Design SystemDesign System Patterns

کمک می‌کند توکن‌ها، تم روشن و تاریک و معماری کامپوننت‌ها یکدست و قابل نگهداری بمانند.

وبdesign-systemtokenstheming
چند Design System در Next.jsMulti Design System

وقتی یک پروژه چند ظاهر یا Design System دارد، کمک می‌کند ظاهر انتخاب‌شده از همان اول درست لود شود و کامپوننت‌ها و پیش‌نمایش‌ها هم همان ظاهر را نشان دهند.

وبnextjsdesign-systemthemes
دسترس‌پذیری و استاندارد WCAGAccessibility Compliance

کمک می‌کند کامپوننت‌ها برای کاربران مختلف قابل استفاده باشند و مواردی مثل کیبورد، Focus، کنتراست و Screen Reader از ابتدا درست پیاده شوند.

وبaccessibilitywcaga11y
راهنمای رابط کاربری وبWeb Interface Guidelines

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

وبguidelinesaccessibilityforms
طراحی تعاملInteraction Design

کمک می‌کند رفتار رابط کاربری فقط به ظاهر محدود نباشد و وضعیت‌هایی مثل Loading، Error، Success، Hover و Transition هم درست طراحی شوند.

وبinteractionanimationloading
طراحی واکنش‌گراResponsive Design

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

وبresponsivemobile-firstcss
نمودار فارسی و راست‌چینRTL Charts

نمودارها را برای رابط فارسی و راست‌چین تنظیم می‌کند تا اعداد، برچسب‌ها، Tooltip و Legend درست نمایش داده شوند و چیدمان نمودار به‌هم نریزد.

وبrtlrechartscharts
Open Graph و پیش‌نمایش لینکOpen Graph & Social Preview

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

وبOpen Graphtwittertelegram

سئو

SEO

سئوی فنی و محتوایی، متادیتا و ممیزی کیفیت برای جستجو

امنیت

Security

امنیت فرانت و بک‌اند، احراز هویت، API، آپلود و پرداخت امن

محصول فارسی

Persian Product

RTL، تاریخ شمسی، اعتبارسنجی و تایپوگرافی

کتابخانه UI

UI Library

فهرست، نصب و انتشار کامپوننت

هوش مصنوعی

AI

مهارت‌های Agent، MCP و کیفیت کد با AI

پیدا کردن و نصب مهارتfind-skills

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

هوش مصنوعیمهارتجستجوCLI
زیر سؤال بردن ایدهgrill-me

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

هوش مصنوعیبرنامه‌ریزیتصمیممصاحبه
ساخت سرور MCPmcp-builder

برای وصل کردن AI به APIها و سرویس‌های مختلف و ساخت ابزارهایی که AI بتواند از آن‌ها استفاده کند.

هوش مصنوعیMCPابزارAgent
سریع‌تر کردن React و Next.jsvercel-react-best-practices

مجموعه‌ای از نکات و روش‌های تیم Vercel برای بهتر کردن سرعت و عملکرد برنامه‌های React و Next.js؛ از بارگذاری صفحه گرفته تا گرفتن داده و رندر شدن کامپوننت‌ها.

هوش مصنوعیReactNext.jsپرفورمنس
طراحی ظاهر صفحهfrontend-design

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

هوش مصنوعیطراحیUIفرانت‌اند
قوانین فارسی برای پروژهagents-md-persian

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

هوش مصنوعیراهنماAgentقوانین
قوانین کیفیت رابط کاربریui-craft-rules

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

هوش مصنوعیراهنماUIطراحی
مرتب کردن معماری پروژهimprove-codebase-architecture

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

هوش مصنوعیمعماریریفکتورکدبیس
MCP برای کتابخانه UIUI Library MCP

به AI کمک می‌کند کامپوننت‌های یک کتابخانه UI را پیدا کند، نمونه آن‌ها را ببیند و دستور نصبشان را بگیرد؛ مخصوص کار با UI Library است، نه استفاده عمومی از MCP.

هوش مصنوعیmcpui-librarydesign-system

یکپارچه‌سازی

Integrations

پرداخت، آپلود و سرویس‌های ایرانی