کامپوننتهای فارسی shadcn shadcn Persian (PersianLabs/ui)
ساخت رابط فارسی با shadcn/ui و PersianLabs/ui: تقویم و تاریخ شمسی، ورودی کارت بانکی و شبا، کد ملی و انتخاب استان و شهر
مهارتتوسعه نرمافزار
قبل از نصب بخوانید
- منبع
- جامعهیک توسعهدهنده مستقل آن را ساخته است
- کد منبع
- متنباز، مجوز MITآخرین بررسی: ۲۴ مهر ۱۴۰۵
نصب کامپوننتهای فارسی shadcn
دستور نصب، به نقل از راهنمای سازنده:
git clone https://github.com/Abulfadl-Ahmadi/shadcn-persian.git ~/.claude/skills/shadcn-persianنمونه سؤال برای بعد از نصب
روی هر سؤال بزنید تا کپی شود.
درباره کامپوننتهای فارسی shadcn
این مهارت (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 استفاده میکنند. برای قواعد کلی راستبهچپ در هر نوع پروژه، مهارتهای «طراحی راستبهچپ» و «رابط کاربری راستبهچپ» در همین بازارچه را ببینید.
