# کامپوننت‌های فارسی shadcn (shadcn Persian (PersianLabs/ui))

ساخت رابط فارسی با shadcn/ui و PersianLabs/ui: تقویم و تاریخ شمسی، ورودی کارت بانکی و شبا، کد ملی و انتخاب استان و شهر

- نوع: مهارت
- دسته: توسعه نرم‌افزار
- منبع: جامعه
- سازنده: Abulfadl Ahmadi (https://github.com/Abulfadl-Ahmadi)
- مجوز: MIT
- زبان: TypeScript
- آخرین بررسی: 2026-10-16
- صفحه: https://mcpfarsi.ir/skills/shadcn-persian/
- مخزن: https://github.com/Abulfadl-Ahmadi/shadcn-persian
- وب‌سایت سرویس: https://ui.persian-labs.ir

## دریافت مهارت

- نصب: `git clone https://github.com/Abulfadl-Ahmadi/shadcn-persian.git ~/.claude/skills/shadcn-persian`

## نمونه سؤال‌ها

- یک فرم ثبت‌نام فارسی با Next.js بساز که کد ملی، شماره موبایل و تاریخ تولد شمسی بگیرد.
- برای صفحه پرداخت، ورودی شماره کارت و شبا با تشخیص نام بانک اضافه کن.
- یک انتخابگر استان و شهر ایران به این فرم React اضافه کن.

## توضیحات

این مهارت (Skill) به دستیار برنامه‌نویسی شما یاد می‌دهد رابط‌های فارسی و راست‌به‌چپ را با React، Next.js یا Vite و کتابخانه shadcn/ui بسازد. به جای اینکه دستیار تقویم شمسی یا ورودی کد ملی را از صفر بنویسد، از کامپوننت‌های آماده کتابخانه PersianLabs/ui استفاده می‌کند.

طبق توضیح سازنده، همه مستندات و کد منبع داخل مخزن است و دستیار برای ساخت رابط به جستجوی اینترنت نیاز ندارد. دستیار اول کامپوننت را با دستور `npx shadcn@latest add @persianlabsui/<name>` نصب می‌کند و اگر نشد، از کد منبع آفلاین مخزن استفاده می‌کند.

#### چه چیزهایی در آن هست

- کامپوننت‌های ایرانی: تقویم و انتخابگر تاریخ شمسی، ورودی کارت بانکی و شبا، کد ملی، موبایل، پلاک خودرو، انتخاب استان و شهر، نقشه ایران و ورودی مبلغ با حروف
- توابع اعتبارسنجی: کد ملی، تشخیص بانک از شماره کارت و شبا، تبدیل ارقام و یکدست کردن «ی» و «ک»
- قواعد طراحی shadcn، راهنمای تم، فونت و راست‌به‌چپ، و صدها نمونه کد آماده

#### نکته‌ها

- دستور بالا مهارت را برای همه پروژه‌ها نصب می‌کند. برای نصب فقط در پروژه فعلی، مقصد را `.claude/skills/shadcn-persian` بگذارید.
- برای Cursor و Windsurf، راهنمای مخزن کلون کردن در پوشه `.agents/skills/shadcn-persian` را پیشنهاد می‌کند.
- این مهارت فقط برای پروژه‌هایی است که از shadcn/ui استفاده می‌کنند. برای قواعد کلی راست‌به‌چپ در هر نوع پروژه، مهارت‌های «طراحی راست‌به‌چپ» و «رابط کاربری راست‌به‌چپ» در همین بازارچه را ببینید.