zov-tech/design-drafts/README.md
wasrusgen 17b112f061 miniapp: hierarchical wizard for fridge category (style D pictograms)
- New PODBOR_PARAMS schema with steps[] supporting single/multi + optionsBy branches
- 11 fridge SVG pictograms in podbor.picts.js (style D — 3D perspective with shadow)
- renderCategoryWizard with step-by-step flow, chips for prior answers, review screen
- Legacy renderCategoryDetail still used for other 7 categories until migrated
- Auto-advance on single-select, Дальше button for multi-select
- Backend-compatible: per_cat[catKey].answers replaces .params/.features
2026-05-10 23:57:03 +03:00

1.4 KiB
Raw Permalink Blame History

Design drafts

Сюда складываются HTML/изображения с дизайн-концепциями MiniApp, сгенерированные через Claude Skills (Frontend design, Interactive prototype, и т.п.).

Workflow

  1. В Claude.ai прикрепить скил Frontend design или Interactive prototype.
  2. Сгенерировать концепцию.
  3. Save as standalone HTML → положить файл сюда (имя свободное, например option-1-ios.html).
  4. Сказать «вот вариант» — я перенесу стили / лейаут / типографику в реальный miniapp/.

Что внутри концепции должно быть видно

Минимум:

  • Шапка профиля (имя, салон, статус)
  • Список разделов меню
  • Хотя бы один из подэкранов (например, «Подбор техники» — чек-лист)

Желательно:

  • Светлая и тёмная тема
  • Состояние active / lapsed для статуса менеджера
  • Пустые состояния («Заявок пока нет»)

Не складывать сюда

  • Реальный код продакшена — он в miniapp/
  • Скриншоты можно, но HTML предпочтительнее (легче перенести стили)