Add docs

docs/patterns/responsive-layout.md

@@ -0,0 +1,15 @@
+# Responsive layout
+
+## TabBar placement
+
+- mobile portrait → bottom
+- tablet/desktop landscape → right-top / right-center / right-bottom
+
+## Testing matrix
+
+Минимум:
+- iOS dark / light
+- Android dark / light
+- VK iOS / VK Android
+- TG iOS / TG Android
+- Web desktop

docs/patterns/tg-miniapps.md

@@ -0,0 +1,11 @@
+# Telegram Mini Apps
+
+## Recommended config
+
+```tsx
+<UIProvider config={{ platform: "tg", skin: "ios", theme: "dark" }} />
+```
+
+## Safe areas
+
+Используйте `--safe-bottom`, чтобы TabBar/WriteBar не упирались в системные зоны.

docs/patterns/vk-miniapps.md

@@ -0,0 +1,24 @@
+# VK Mini Apps
+
+## Recommended config
+
+```tsx
+<UIProvider config={{ platform: "vk", skin: "ios", theme: "dark" }} />
+```
+
+Для Android:
+
+```tsx
+<UIProvider config={{ platform: "vk", skin: "android", theme: "dark" }} />
+```
+
+## Safe areas
+
+Используйте токены `--safe-*` (или задайте их через vars), если окружение отдаёт insets.
+
+## Navigation
+
+Паттерн:
+- верхняя панель с back‑кнопкой
+- TabBar на главных разделах
+- list/cell для настроек