MCP HubMCP Hub
SKILL·41181F

figma-to-page

mattnigh
Обновлено 3 months ago
12 просмотров
22
1
22
Посмотреть на GitHub
Метаreactai

О программе

Этот навык создает полноценные React-компоненты страниц из спецификаций дизайна Figma, автоматизируя формирование каркаса кода и генерацию CSS. Он использует данные из панели 'Inspect' Figma и производит готовые к использованию файлы TypeScript и CSS-модулей. Разработчики могут применять его для быстрого преобразования макетов Figma в рабочие React-компоненты страниц с корректной структурой файлов.

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

Claude Code

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

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

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

mattnigh/skills_collection
Путь: collection/okgoogle13__careercopilot__claude__skills__figma-to-page__SKILL.md
0
FAQ

Часто задаваемые вопросы

Что такое Skill figma-to-page?

figma-to-page — это Claude Skill от mattnigh. Skills объединяют инструкции и ресурсы, которые Claude загружает по мере необходимости, чтобы выполнять задачи, связанные с figma-to-page, без дополнительных запросов.

Как установить figma-to-page?

Используйте команды установки на этой странице: добавьте figma-to-page в Claude Code как плагин или клонируйте репозиторий в каталог skills, затем перезапустите Claude, чтобы загрузить Skill.

К какой категории относится figma-to-page?

figma-to-page относится к категории Мета.

Можно ли использовать figma-to-page бесплатно?

Да. figma-to-page размещён на AIMCP и доступен для бесплатной установки.

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

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 с помощью пользовательской событийно-ориентированной логики.

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

SGLang — это высокопроизводительный фреймворк для обслуживания больших языковых моделей (LLM), специализирующийся на быстрой структурированной генерации JSON, regex и рабочих процессов агентов с использованием кэширования префиксов RadixAttention. Он обеспечивает значительно более высокую скорость вывода, особенно для задач с повторяющимися префиксами, что делает его идеальным для сложных структурированных результатов и многократных диалогов. Выбирайте SGLang вместо альтернатив, таких как vLLM, когда вам требуется ограниченное декодирование или вы создаете приложения с интенсивным совместным использованием префиксов.

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