Автономный преобразователь дизайна — вызывается напрямую, без декомпозиции. Преобразует HTML-файл с эталоном дизайна в приложение Vibes. Используйте, когда пользователь предоставляет файл design.html, макет или статический прототип, который точно соответствует.
Быстро установите AI-навык design-reference в вашу среду разработки через командную строку
Источник: popmechanic/vibes-cli.
Plan mode: If you are planning work, this entire skill is ONE plan step: "Invoke /vibes:design-reference". Do not decompose the steps below into separate plan tasks.
Transform a complete design reference HTML file into a working Vibes app with Fireproof data persistence.
The design reference is source code to transform, not inspiration to interpret. When given a complete HTML file with styles, your job is to make minimal surgical changes to connect it to React/Fireproof—not to recreate it from your understanding of its aesthetic.
Автономный преобразователь дизайна — вызывается напрямую, без декомпозиции. Преобразует HTML-файл с эталоном дизайна в приложение Vibes. Используйте, когда пользователь предоставляет файл design.html, макет или статический прототип, который точно соответствует. Источник: popmechanic/vibes-cli.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/popmechanic/vibes-cli --skill design-referenceАвтономный преобразователь дизайна — вызывается напрямую, без декомпозиции. Преобразует HTML-файл с эталоном дизайна в приложение Vibes. Используйте, когда пользователь предоставляет файл design.html, макет или статический прототип, который точно соответствует. Источник: popmechanic/vibes-cli.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/popmechanic/vibes-cli --skill design-reference После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/popmechanic/vibes-cli