Преобразуйте прототипы дизайна (экспорт HTML, CSS, Figma) в готовые к производству компоненты. Анализирует структуру прототипа, извлекает токены проектирования, определяет повторно используемые шаблоны и генерирует типизированные компоненты React. Адаптируется к существующему технологическому стеку проекта с помощью React + TypeScript по умолчанию.
Быстро установите AI-навык prototype-to-production в вашу среду разработки через командную строку
Источник: ariegoldkin/ai-agent-hub.
Convert design prototypes into production-ready, typed components by analyzing structure, extracting patterns, and generating clean code.
| Input Type | Detection Method | Key Patterns |
| Super-design | Path: .superdesign/designiterations/.html | Flowbite, Tailwind CDN, theme CSS references | | Generic HTML | Any .html file | Standard HTML structure, inline/external CSS | | Figma Export | Figma-specific class names | figma-, absolute positioning, frame naming |
Преобразуйте прототипы дизайна (экспорт HTML, CSS, Figma) в готовые к производству компоненты. Анализирует структуру прототипа, извлекает токены проектирования, определяет повторно используемые шаблоны и генерирует типизированные компоненты React. Адаптируется к существующему технологическому стеку проекта с помощью React + TypeScript по умолчанию. Источник: ariegoldkin/ai-agent-hub.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/ariegoldkin/ai-agent-hub --skill prototype-to-productionПреобразуйте прототипы дизайна (экспорт HTML, CSS, Figma) в готовые к производству компоненты. Анализирует структуру прототипа, извлекает токены проектирования, определяет повторно используемые шаблоны и генерирует типизированные компоненты React. Адаптируется к существующему технологическому стеку проекта с помощью React + TypeScript по умолчанию. Источник: ariegoldkin/ai-agent-hub.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/ariegoldkin/ai-agent-hub --skill prototype-to-production После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/ariegoldkin/ai-agent-hub