design-builder

Each step is independent. Can run isolated or chained. Discovery is always the first step -- never skip it.

If found: read and extract purpose, audience, tone, and key features. Skip to the relevant trigger operation.

If the user answers "I don't know" to any question, mark as TBD and move forward. Summarize understanding before proceeding.

Конвейер проектирования в код: извлекайте копии из URL-адресов, извлекайте токены дизайна из изображений, затем создавайте компоненты React или варианты предварительного просмотра HTML. Используйте, когда: извлечение контента с веб-сайтов, извлечение систем дизайна, генерация кода внешнего интерфейса, предварительный просмотр вариантов дизайна, отправка в Figma через MCP. Также используйте, когда пользователь хочет создать страницу на основе URL-адреса или снимка экрана, изменить дизайн существующего сайта, создать визуальные прототипы или сгенерировать код на основе дизайна. Триггеры: «извлечь копию», «извлечь дизайн», «создать внешний интерфейс», «создать варианты», «экспортировать дизайн», «отправить в Figma», «создать на основе образца», «перепроектировать это», «создать прототип». Источник: adeonir/agents-skills.