Mowgli AI Review: Designing an App Before You Code It

Описание и применение

Mowgli AI генерирует подробный фронтенд‑спецификацию и все состояния экранов, устраняя пробелы, которые обычно обнаруживаются только в процессе ревью. Однако пользователи должны проверять спецификацию на ошибки, такие как неверный цвет пустого состояния, инвертированные вторичные палитры и устаревшие копирайты. Бесплатный тариф ограничен одним полным дизайном, а импорт из Figma потребляет кредиты.

Задача

Developers often lack detailed frontend specifications, leading to gaps in UI states and design rules that are only discovered during code reviews or QA.

Результат

Mowgli produced a detailed spec that eliminates common design gaps, but users must review for issues such as incorrect empty‑state color, inverted secondary swatches, and outdated copyright dates.

Рабочий процесс

• 1. Describe product in Mowgli
• 2. Mowgli generates moodboard, wireframes, screens, and spec
• 3. Review generated spec and states
• 4. Fix any identified issues (e.g., empty canvas color, inverted swatches, placeholder copyright)
• 5. Export to Figma or hand spec to coding agent

Доказательства

Mowgli writes the frontend spec next to the screens, and that spec answers questions I end up asking in a pull request.

Источник

The spec is the part I would pay for.

Источник

The Empty Canvas state is a blank white frame.

Источник

The secondary swatches look inverted.

Источник

The footer says © 2024.

Источник

The Free plan includes the moodboard, wireframes, the questionnaire and PRD, Figma import, version history, and read access for your coding agent over MCP.

Источник