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

28 lines
1.4 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 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 предпочтительнее (легче перенести стили)