اگه با هوش مصنوعی اپلیکیشن های موبایل اندروید و IOS میسازی، این ریپازیتوری رو از دست نده تیم Expo یه مجموعه به اسم Expo Skills منتشر کرده که شامل دستورالعملهای تخصصی برای ایجنتهای هوش مصنوعیه تا موقع کدنویسی با Expo و React Native، بهتر و اصولیتر عمل کنن.
از طراحی UI و مسیریابی گرفته تا کار با API، انیمیشن، بهینهسازی، آپدیت پروژه و انتشار اپلیکیشن؛ این مهارتها کمک میکنن هوش مصنوعی با الگوهای درستتر و متناسب با اکوسیستم Expo کد بزنه.
اگه با Codex، Cursor یا Claude Code کار میکنی، حتماً یه نگاهی بهش بنداز:
با این میتونی یه فایل PDF معمولی رو به یه کتاب تعاملی با انیمیشن، صداگذاری و آموزش تصویری تبدیل کنی! پروژهی متنباز Papermorph ابزاری که با کمک هوش مصنوعی، محتوای کتابها رو به تجربهای جذابتر و زندهتر تبدیل میکنه.
از آموزش ریاضی و فیزیک گرفته تا داستانهای تصویری و مستندهای آموزشی، Papermorph میتونه متن رو به صحنههای متحرک، روایت صوتی، زیرنویس و حتی آزمونهای تعاملی تبدیل کنه. یعنی بهجای خوندن صرف، میتونی مفاهیم رو ببینی و باهاشون تعامل داشته باشی.
البته این یه ابزار آمادهی آپلود PDF نیست یه Skill برای ایجنتهای هوش مصنوعیه که فرایند ساخت این تجربهها رو مدیریت میکنه. با ابزارهای مناسب میتونی خروجی تحت وب بسازی و اون رو روی هاست خودت منتشر کنی.
چرا بعضیا با هوش مصنوعی سایتهایی میسازن که انگار یه تیم طراحی چند هفته روشون کار کرده، ولی خروجی بقیه هنوز شبیه قالبهای آمادهست؟!
راز ماجرا فقط پرامپت بهتر نیست؛ باید به AI سلیقه طراحی هم یاد بدی!
یه طراح مجموعهای از مهارتهای طراحی خودش رو با اسم AI Design Skills رایگان و متنباز منتشر کرده!
با این مهارتها میتونی:
لندینگپیجهای حرفهای و چشمگیر بسازی
رنگ، تایپوگرافی و چیدمان رو اصولیتر انتخاب کنی
طرحهای ثابت رو به موشنهای جذاب تبدیل کنی
خروجیهایی بگیری که کمتر شبیه طراحیهای تکراری AI باشن!
میتونی ازشون کنار Claude Code، Cursor و Codex استفاده کنی!
با Dimensional Drawing میتونی از کامپوننتهای رابط کاربری، نقشههای فنی و مهندسی بسازی؛ نقشههایی که فاصلهها، اندازهها، شعاع گوشهها و لایههای مختلف UI رو مشخص میکنن. درست شبیه نقشههای ابعادی محصولات اپل!
این پروژه از مهارتهای هوش مصنوعی استفاده میکنه تا ساختار کامپوننتهایی مثل Card و Dialog رو به نقشههای دقیق و قابل فهم تبدیل کنه. حتی میتونی این نقشهها رو به انیمیشن تبدیل کنی؛ انگار یه نفر داره با قلم، نقشه رو روی کاغذ ترسیم میکنه!
اگه با طراحی UI یا توسعه فرانتاند سروکار داری، این پروژه میتونه برای مستندسازی و درک بهتر ساختار کامپوننتها خیلی کاربردی باشه:
یکی از بهترین بلاگپستهایی که دربارهٔ GPS پیدا کردم. جدایی از کیفیت محتوا، چیزی که نظرم رو جلب کرد این بود که تمام انیمیشنهای تعاملیش رو با WebGL و Canvas خام، بدون استفاده از هیچ کتابخانهای پیادهسازی کرده.
۷۰۰۰ خط کد!
https://ciechanow.ski/gps/
https://ciechanow.ski/js/gps.js
اگه دوتا کامپیوتر همزمان داری استفاده میکنی حتی اگر سیستم عامل هاشون متفاوته و مثلا یکیشون ویندوزه یکیشون مک، اینو نصب کنید میتونید از یک موس و کیبورد به طور همزمان توی جفتشون استفاده کنید بدون اینکه گیج بشین حتی اختلاف ارتفاع نمایشگر هارو هم میتونید توش در نظر بگیرید