Dashbordli taqdimotlar payplayni

Ichida nima bor

43 ta blok va 24 ta kartochka: grafiklar, voronkalar, faollik halqalari, hissa kalendari, yozishmalar, jadvallar.

2 ta tema, yorug' va qorong'i. Har qanday blok ikkalasini ham qo'llaydi, va ular bir-birining ichiga joylashadi — qorong'i slayddagi yorug' kartochka.

Storybook'da 66 ta vitrina va 445 ta misol — ish joyi aynan shu.

Agent uchun 7 ta qoida va 4 ta skill: new-slide, new-deck, export-pdf, port-component.

2 ta tayyor taqdimot: 9 ta namunaviy slayd va 3 tadan iborat minimali — muqova, mundarija, yakun.

Slaydlarni tekshirish va PDF'ga eksport: slaydlar 3840×2160 rasm sifatida olinadi, shuning uchun tayyor fayldagi matn belgilanmaydi.

Slayd — 1920×1080, va u cho'zilmaydi. Hoshiyalar ichidagi ish maydoni 1680×904, to'r — 118 dan 12 ta ustun va 24 lik oraliq: 12×118 plyus 11×24 roppa-rosa 1680 beradi. Bu shkaladagi eng mayda shrift — 16: slaydni 3–5 metrdan va ko'pincha proyektor orqali ko'rishadi.

Misollar

Misollar bilan to'qqizta slayd. Hammasi ichida yotadi: bu tizimning o'zini o'zining buyrug'i bilan eksport qilingani, ya'ni o'rnatgandan keyin senda aynan shu paydo bo'ladi.

Voronka: har bir keyingi qadamga qancha odam yetib boradi. Yo'l davomidagi yo'qotishlarni ko'rsatganda ol.

Halqalar va yonida panel: 3 ta shift, har birining o'z me'yori bor. Kattaliklarni o'zaro solishtirib bo'lmaganda ol.

Hissa kalendari: ustun — 2 hafta, qator — hafta kuni. Davrning shakli butunligicha muhim bo'lib, alohida kun muhim bo'lmaganda ol.

Bitta o'qdagi ustunlar va chiziq, yonida jadval. Hajm va yig'ilgan ulush bitta syujet bo'lganda ol.

Yonma-yon ikkita maydon: ayni bir narsa ayriliq bilan va ayriliqsiz. Ikki stsenariyni solishtirish uchun ol.

Yozishma: tushuntirish replikalarda yashaydi. Dalil begona so'zlar bo'lganda ol.

Interfeys maketi: chapda vazifa qadamlari, o'ngda holat qatori. Mahsulot ekranini ko'rsatganda ol.

Tarkib polosasi va limit hisoblagichlari. Bitta kattalik qismlarga bo'linib, uning chegaralari bo'lganda ol.

Oy halqalarda, har bir kunning o'z ulushi bor. Oyning kunlar bo'yicha ritmi kerak bo'lganda ol.

Papkani olish

Arxiv 1,5 MB, ichida slide-system papkasi: 230 ta fayl va 4,9 MB manba kodi. Uni yuklab ol va agentga qayerda yotganini ayt.

Tizim arxivi — 1,5 MB, 22-avgust yig'masi. Muallif saytida: proninlearn.ru/downloads/slide-system-2026-08-22.zip

O'rnatish prompti — agentga chatda yubor

Menda slide-system.zip arxividagi taqdimotlar dizayn-tizimini ko'tar. 1. Arxivni och, ichida slide-system papkasi. Shu papkada ishlaymiz. 2. node -v: 20 yoki undan yuqorisi kerak. 3. npm install — 195 ta paket o'rnatiladi, papka 292 MB gacha o'sadi. 4. npx playwright install chromium — brauzer HAM slaydlarni tekshirishga, HAM PDF'ga eksportga kerak. Usiz npm run check Playwright steki bilan yiqiladi. 5. npm run storybook — vitrina. Taxminan 20 soniyada ko'tariladi, manzilni o'zi chiqaradi. 6. npm run check — ikkita yashil qatorni kutamiz: 9 slaydlik showcase va 3 slaydlik example, nuqsonlar yo'q. Slaydga birinchi tuzatishdan oldin .claude/rules ni to'liq o'qib chiq: u yerda kanvas, tokenlar, temalar va «ko'z bilan» o'rniga o'lchash qoidasi. Skillar .claude/skills da yotadi. Hisobot ber: node versiyasi, nechta paket o'rnatildi, vitrina manzili va npm run check nima chiqardi.

Playwright brauzeri bog'liqliklardan alohida yuklanadi: 274 MB yuklab olish va diskda 555 MB. U kompyuterning umumiy keshiga tushadi, shuning uchun Playwright'li boshqa loyihalarga tekin tegadi, tizim papkasi esa bundan o'smaydi.

Birinchi taqdimot

Keyin ish promptlar bilan boradi. new-deck skilli taqdimotni yaratadi: papka, slaydlar tartibi yozilgan manifest va reyestrdagi yozuv. new-slide skilli slaydni tayyor bloklardan yig'adi va chek-listni o'zi yurgizadi — ikkala tema, to'lib ketishni o'lchash, to'g'ridan-to'g'ri qiymatlar o'rniga tokenlar.

Agentga chatda yubor: /new-deck Mijoz uchun taqdimot: chorak yakunlari. Buyurtmachiga ko'rsataman. Bitta fikr: tushum ikki chorakda uch barobar o'sdi. 6 ta slayd, mazmunini o'zing taklif qil.

Natijada nima bo'lishi kerak

O'rnatilgan bog'liqliklar bilan slide-system papkasi. Kompyuter keshida Playwright brauzeri. Vitrina ochiladi, unda beshta bo'lim. Tekshiruvning ikkita yashil qatori: 9 slaydlik showcase va 3 slaydlik example. Reyestrda o'z taqdimoting. export papkasida PDF.