baoyu-design Faoliyat yuritmoqda

baoyu-design — Baoyu tomonidan ochiq manbada taqdim etilgan loyiha bo‘lib, claude.ai dizayn dvigatelini ko‘chma Agent Skill’ga qadoqlaydi va Cursor, Claude Code, Codex kabi 70 dan ortiq mahalliy Agent’ga yuqori aniqlikdagi UI maketlari, prototiplar, slaydlar, dizayn tizimlari va ma’lumotlar panellarini bevosita yaratish imkonini beradi. Yaratilgan mahsulotlar mahalliy oddiy fayllar ko‘rinishida bo‘lib, Git versiyalar nazoratiga kiritilishi mumkin; lokal tarmoqda ko‘p rolli hamkorlik va versiyalar tarixi qo‘llab-quvvatlanadi, DeepSeek Harness plagini taqdim etiladi.

WeChat’da kuzatib boring va “开源” deb javob yuboring, AI ochiq manba loyihalari guruhiga qo‘shiling
Slaydlar yaratish (claude-slides): tabiiy tilda butun slaydlar to‘plamini yarating; mahalliy muharrir taqdimot qilish, matnni o‘zgartirish va sudrab joylashtirishni qo‘llab-quvvatlaydi, PDF/HTML/PPTX formatlariga eksport qilish mumkin.
Ko‘p artboardli dizayn canvas’i (claude-design): bir nechta artboard’ni yonma-yon boshqaring, interaktiv prototiplarni namoyish qiling, HTML/PDF/PNG formatlariga eksport qiling.
Dizayn tizimini yaratish (claude-design-system): tokenlar, brend qo‘llanmasi va komponentlar ko‘rinishini yarating; muharrirda ranglar, shriftlar va komponentlarni bevosita ko‘rib tahrirlash mumkin.
Ma’lumotlar paneli (claude-dashboard): CSV/TSV/JSON ma’lumotlar to‘plamini real vaqtli diagrammalar sahifasiga aylantiradi, har bir raqamni asl ma’lumot qatorigacha kuzatish mumkin.
Diagramma dizayni qo‘llanmasi (dataviz): Agent har qanday diagramma chizishdan oldin o‘qishi shart bo‘lgan standartlar; ranglar o‘qilishi va daltonizmga mosligini ta’minlaydi.
Ko‘rib chiqishda tanlab tahrirlash: Agent brauzeridagi ko‘rib chiqish oynasida elementni tanlab, o‘zgartirish bo‘yicha fikr bildiring; manba kodidagi tegishli joy avtomatik topiladi.
Lokal tarmoqda hamkorlik: rollar bo‘yicha ajratilgan lokal tarmoq havolasini bir marta bosib yarating, hisob talab qilinmaydi.

Muhitni tayyorlash: Node.js 20+ ni o‘rnating va kompyuteringizda Cursor, Claude Code, Codex kabi Agent’lardan kamida biri mavjudligiga ishonch hosil qiling.
Skill’ni o‘rnatish: npx skills add JimLiu/baoyu-design buyrug‘ini ishga tushiring. CLI Agent’ni avtomatik aniqlab, skill’ni tegishli katalogga o‘rnatadi.
Modelni tanlash: eng yaxshi dizayn natijasiga erishish uchun Agent’da modelni Claude Opus 5.5 qilib belgilang.
Talabni bayon qilish: kerakli mahsulotni tabiiy tilda tasvirlang, masalan, ”menga choraklik hisobot uchun slaydlar to‘plamini tayyorla”, yoki /claude-slides, /claude-design kabi slash buyruqlari orqali kerakli skill’ni bevosita chaqiring.
Yaratilishini kutish: Agent designs// katalogida fayllarni yaratadi va mahalliy muharrirni ishga tushiradi, so‘ng http://127.0.0.1 manzilini taqdim etadi.
Ko‘rib chiqish va tahrirlash: brauzerda muharrirni oching, elementlarni tanlab tahrirlang, joylashuvini sudrab o‘zgartiring va prototipni namoyish qiling; o‘zgarishlar faylga real vaqtda saqlanadi.
Ulashish va hamkorlik (ixtiyoriy): artifact.mjs share designs/ buyrug‘ini ishga tushirib, lokal tarmoq havolasini yarating; jamoa a’zolari rollari bo‘yicha tahrirlash yoki izoh qoldirishga qo‘shiladi.
Versiyalarni boshqarish (ixtiyoriy): mahsulotlar oddiy fayllardan iborat, shuning uchun dizayn maketlarini Git orqali commit, branch va PR yordamida bevosita boshqarish mumkin.
Eksport va topshirish: muharrirda bir marta bosib PDF, HTML, PPTX yoki PNG formatiga eksport qiling va mijozga topshiring yoki taqdimotda foydalaning.

GitHub repozitoriysi: https://github.com/JimLiu/baoyu-design

To‘liq mahalliy ishlash: claude.ai dizayn dvigatelini mahalliy Agent’ga ko‘chiradi, mahsulotlar bevosita o‘z repozitoriysingizda saqlanadi va bulut xizmatiga bog‘lanib qolmaysiz.
Agent ekotizimiga moslik: Cursor, Claude Code, Codex, Cline kabi 70 dan ortiq Agent o‘rnatilgandan so‘ng darhol ishlaydi va yagona platforma bilan cheklanmaydi.
Mahsulot — manba kod: yaratilgan fayllar o‘zini o‘zi ta’minlaydigan HTML va boshqa oddiy fayllardan iborat bo‘lib, Git versiyalar nazorati, PR va loyiha repozitoriysiga bevosita kiritiladi.
Dizayn va ishlab chiqish o‘rtasida almashish shart emas: bitta suhbatning o‘zida dizayn maketini funksiyalarni amalga oshirish uchun Agent’ga berish mumkin, eksport va yuklash talab qilinmaydi.
Tanlang va o‘zgartiring: brauzer ko‘rib chiqish oynasida elementni tanlash orqali Agent’ga aniq o‘zgartirish kiritishni buyuring; bu bulut versiyasida muharrirlar o‘rtasida qayta-qayta almashishdan bir necha baravar samaraliroq.
Lokal tarmoqda ko‘p kishilik hamkorlik: rollar bo‘yicha ajratilgan lokal tarmoq havolasini bir marta bosib yarating, hisobga kirish talab qilinmaydi.

Mahsulot prototiplarini loyihalash: mahsulot menejeri yoki mustaqil dasturchi tabiiy til yordamida yuqori aniqlikdagi ilova interfeysi va interaktiv prototiplarni tezda yaratadi, yig‘ilishdan yarim soat oldin ko‘rib chiqish uchun 3 ta variant tayyorlaydi.
Taqdimot va hisobot slaydlari: tadbirkor yoki xodim PRD va moliyaviy hisobot ma’lumotlarini Agent’ga beradi, bir necha daqiqada dizayn standartlariga mos choraklik hisobot yoki investitsiya jalb qilish taqdimotini yaratadi va undan PPTX/PDF formatida bevosita foydalanadi.
Ma’lumotlar panelini yaratish: operatsion xodim yoki tahlilchi CSV/JSON biznes ma’lumotlarini claude-dashboard’ga beradi; tizim real vaqtda yangilanadigan ma’lumotlar panelini avtomatik yaratadi, har bir ko‘rsatkichni asl ma’lumot qatorigacha ochib ko‘rish va kuzatish mumkin.
Dizayn tizimini shakllantirish: jamoa tarqoq dizayn qarorlarini brend qo‘llanmasiga ega design-system’ga jamlaydi va uni Git repozitoriysi orqali barcha loyihalarga tarqatadi, natijada bir nechta mahsulot yo‘nalishlarida vizual uyg‘unlik saqlanadi.