Рефакторинг сложных компонентов React во внешнем интерфейсе. Используйте, когда пользователь запрашивает разделение кода, извлечение перехватчиков или снижение сложности, или когда вы сталкиваетесь с компонентом, который слишком сложен для понимания и рефакторинга.
Быстро установите AI-навык component-refactoring в вашу среду разработки через командную строку
Источник: pageai-pro/ralph-loop.
Refactor high-complexity React components with the patterns and workflow below.
When: Component has complex state management, multiple useState/useEffect, or business logic mixed with UI.
Dify Convention: Place hooks in a hooks/ subdirectory or alongside the component as use- .ts.
Рефакторинг сложных компонентов React во внешнем интерфейсе. Используйте, когда пользователь запрашивает разделение кода, извлечение перехватчиков или снижение сложности, или когда вы сталкиваетесь с компонентом, который слишком сложен для понимания и рефакторинга. Источник: pageai-pro/ralph-loop.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/pageai-pro/ralph-loop --skill component-refactoringРефакторинг сложных компонентов React во внешнем интерфейсе. Используйте, когда пользователь запрашивает разделение кода, извлечение перехватчиков или снижение сложности, или когда вы сталкиваетесь с компонентом, который слишком сложен для понимания и рефакторинга. Источник: pageai-pro/ralph-loop.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/pageai-pro/ralph-loop --skill component-refactoring После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/pageai-pro/ralph-loop