MCP HubMCP Hub
SKILL·25B50E

component-transformer

majiayu000
Обновлено 2 months ago
17 просмотров
58
9
58
Посмотреть на GitHub
Дизайнdesign

О программе

Этот навык переносит устаревшие компоненты MUI или общие React-компоненты в дизайн-систему Northcote Curio. Он выполняет "Рефакторинг при переносе", анализируя жёстко заданные стили и преобразуя их в дизайн-токены, сохраняя бизнес-логику при обновлении визуальной части. Используйте его, когда требуется систематически преобразовать компоненты для маркетинговых (режим Gallery) или ориентированных на данные (режим Laboratory) контекстов.

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

Claude Code

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

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

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

majiayu000/claude-skill-registry
Путь: skills/data/component-transformer
0
FAQ

Frequently asked questions

What is the component-transformer skill?

component-transformer is a Claude Skill by majiayu000. Skills package instructions and resources that Claude loads on demand, so Claude can perform component-transformer-related tasks without extra prompting.

How do I install component-transformer?

Use the install commands on this page: add component-transformer to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does component-transformer belong to?

component-transformer is in the Design category, tagged design.

Is component-transformer free to use?

Yes. component-transformer is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

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

executing-plans
Дизайн

Используйте навык executing-plans, когда у вас есть полный план реализации для выполнения контролируемыми партиями с контрольными точками проверки. Он загружает и критически анализирует план, затем выполняет задачи небольшими партиями (по умолчанию 3 задачи), сообщая о прогрессе между каждой партией для проверки архитектором. Это обеспечивает систематическую реализацию со встроенными контрольными точками проверки качества.

Просмотреть навык
requesting-code-review
Дизайн

Этот навык запускает суб-агента для ревью кода, который анализирует изменения в коде на соответствие требованиям перед дальнейшими действиями. Его следует использовать после завершения задач, реализации крупных функций или перед слиянием с основной веткой. Ревью помогает выявить проблемы на ранней стадии, сравнивая текущую реализацию с исходным планом.

Просмотреть навык
connect-mcp-server
Дизайн

Этот навык предоставляет разработчикам подробное руководство по подключению серверов MCP к Claude Code с использованием транспортов HTTP, stdio или SSE. Он охватывает установку, конфигурацию, аутентификацию и безопасность для интеграции внешних сервисов, таких как GitHub, Notion и пользовательские API. Используйте его при настройке интеграций MCP, конфигурации внешних инструментов или работе с Model Context Protocol от Claude.

Просмотреть навык
web-cli-teleport
Дизайн

Этот навык помогает разработчикам выбирать между веб-интерфейсом Claude Code и CLI на основе анализа задачи, а также обеспечивает бесшовное перемещение сессий между этими средами. Он оптимизирует рабочий процесс, управляя состоянием и контекстом сессии при переключении между веб-интерфейсом, CLI или мобильным приложением. Используйте его для сложных проектов, требующих различных инструментов на разных этапах работы.

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