component-screenshot-testing
О программе
Этот навык позволяет проводить автоматизированное пиксельное тестирование скриншотов для React-компонентов с использованием Playwright, сравнивая результаты рендеринга с эталонными изображениями. Он автоматически запускается при редактировании сторисов React-компонентов или файлов *.visual.spec.ts для выявления визуальных регрессий, таких как изменения стилей и смещения верстки. Используйте его для проверки внешнего вида UI-компонентов, включая вариации тем и согласованность визуального отображения.
Быстрая установка
Claude Code
Рекомендуетсяnpx skills add majiayu000/claude-skill-registry -a claude-code/plugin add https://github.com/majiayu000/claude-skill-registrygit clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/component-screenshot-testingСкопируйте и вставьте эту команду в Claude Code для установки этого навыка
GitHub репозиторий
Frequently asked questions
What is the component-screenshot-testing skill?
component-screenshot-testing is a Claude Skill by majiayu000. Skills package instructions and resources that Claude loads on demand, so Claude can perform component-screenshot-testing-related tasks without extra prompting.
How do I install component-screenshot-testing?
Use the install commands on this page: add component-screenshot-testing 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-screenshot-testing belong to?
component-screenshot-testing is in the Testing category, tagged react, testing and design.
Is component-screenshot-testing free to use?
Yes. component-screenshot-testing is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
Похожие навыки
Этот навык Claude запускает lm-evaluation-harness для тестирования LLM на более чем 60 стандартизированных академических задачах, таких как MMLU и GSM8K. Он предназначен для разработчиков, чтобы сравнивать качество моделей, отслеживать прогресс обучения или сообщать академические результаты. Инструмент поддерживает различные бэкенды, включая модели HuggingFace и vLLM.
Этот навык предоставляет обширные знания по реализации Cloudflare Cron Triggers для планирования запуска Workers с помощью cron-выражений. Он охватывает настройку периодических задач, заданий технического обслуживания и автоматизированных рабочих процессов, а также решение распространенных проблем, таких как неверные cron-выражения и ошибки часовых поясов. Разработчики могут использовать его для настройки планировщиков обработчиков, тестирования cron-триггеров и интеграции с Workflows и Green Compute.
Этот навык Claude предоставляет инструментарий на базе Playwright для тестирования локальных веб-приложений с помощью Python-скриптов. Он позволяет проводить проверку фронтенда, отладку интерфейса, создание скриншотов и просмотр логов, одновременно управляя жизненным циклом сервера. Используйте его для задач автоматизации браузера, но запускайте скрипты напрямую, вместо чтения их исходного кода, чтобы избежать загрязнения контекста.
Этот навык помогает разработчикам завершать готовую работу, проверяя прохождение тестов и предлагая структурированные варианты интеграции. Он направляет рабочий процесс по слиянию, созданию пул-реквестов или очистке веток после завершения реализации. Используйте его, когда ваш код готов и протестирован, чтобы систематически завершать процесс разработки.
