MCP HubMCP Hub
Вернуться к навыкам

prototype-to-production

NeverSight
Обновлено 21 days ago
18 просмотров
24
3
24
Посмотреть на GitHub
Другоеreactdesign

О программе

Этот навык преобразует дизайн-прототипы (HTML, CSS, экспорты из Figma) в готовые к продакшену типизированные React-компоненты. Он анализирует структуру для извлечения дизайн-токенов и выявления повторяемых паттернов, адаптируясь к вашей текущей технологической стеку. Используйте его для преобразования прототипов или файлов итераций дизайна в чистый, поддерживаемый код компонентов.

Быстрая установка

Claude Code

Рекомендуется
Основной
npx skills add NeverSight/skills_feed -a claude-code
Команда плагинаАльтернативный
/plugin add https://github.com/NeverSight/skills_feed
Git клонированиеАльтернативный
git clone https://github.com/NeverSight/skills_feed.git ~/.claude/skills/prototype-to-production

Скопируйте и вставьте эту команду в Claude Code для установки этого навыка

GitHub репозиторий

NeverSight/skills_feed
Путь: data/skills-md/ariegoldkin/ai-agent-hub/prototype-to-production
0
learn-skillsskills

Похожие навыки

prototype-to-production

Другое

Этот навык преобразует дизайн-прототипы из HTML, CSS или экспортов Figma в типизированные, готовые к продакшену React-компоненты. Он анализирует структуру для извлечения дизайн-токенов и выявления переиспользуемых паттернов, адаптируясь к вашей текущей технологической стеку. Используйте его для автоматизации превращения итераций дизайна в чистый, поддерживаемый код.

Просмотреть навык

content-collections

Мета

Этот навык предоставляет проверенную в продакшене настройку для Content Collections — TypeScript-ориентированного инструмента, который преобразует файлы Markdown/MDX в типобезопасные коллекции данных с валидацией Zod. Используйте его при создании блогов, сайтов документации или контентных приложений на Vite + React для обеспечения типобезопасности и автоматической проверки содержимого. Он охватывает всё: от настройки плагина Vite и компиляции MDX до оптимизации развертывания и валидации схем.

Просмотреть навык

polymarket

Мета

Этот навык позволяет разработчикам создавать приложения на платформе прогнозных рынков Polymarket, включая интеграцию с API для торговли и получения рыночных данных. Он также обеспечивает потоковую передачу данных в реальном времени через WebSocket для отслеживания текущих сделок и рыночной активности. Используйте его для реализации торговых стратегий или создания инструментов, обрабатывающих обновления рынка в реальном времени.

Просмотреть навык

creating-opencode-plugins

Мета

Этот навык помогает разработчикам создавать плагины OpenCode, которые подключаются к более чем 25 типам событий, таким как команды, файлы и операции LSP. Он предоставляет структуру плагина, спецификации API событий и шаблоны реализации для модулей на JavaScript/TypeScript. Используйте его, когда вам нужно перехватывать, отслеживать или расширять жизненный цикл ассистента OpenCode AI с помощью пользовательской событийно-ориентированной логики.

Просмотреть навык