·component-refactoring
</>

component-refactoring

Рефакторинг сложных компонентов React во внешнем интерфейсе Dify. Используйте, когда `pnpm анализ-компонент --json` показывает сложность > 50 или lineCount > 300, когда пользователь запрашивает разделение кода, извлечение перехватчиков или уменьшение сложности, или когда `pnpm анализ-компонент` предупреждает о необходимости рефакторинга перед тестированием; избегайте простых/хорошо структурированных компонентов, сторонних оболочек или когда пользователь явно хочет протестировать без рефакторинга.

2.6KУстановки·3Тренд·@langgenius

Установка

$npx skills add https://github.com/langgenius/dify --skill component-refactoring

Как установить component-refactoring

Быстро установите AI-навык component-refactoring в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/langgenius/dify --skill component-refactoring
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: langgenius/dify.

Refactor high-complexity React components in the Dify frontend codebase with the patterns and workflow below.

Complexity Threshold: Components with complexity > 50 (measured by pnpm analyze-component) should be refactored before testing.

Use paths relative to web/ (e.g., app/components/...). Use refactor-component for refactoring prompts and analyze-component for testing prompts and metrics.

Рефакторинг сложных компонентов React во внешнем интерфейсе Dify. Используйте, когда `pnpm анализ-компонент --json` показывает сложность > 50 или lineCount > 300, когда пользователь запрашивает разделение кода, извлечение перехватчиков или уменьшение сложности, или когда `pnpm анализ-компонент` предупреждает о необходимости рефакторинга перед тестированием; избегайте простых/хорошо структурированных компонентов, сторонних оболочек или когда пользователь явно хочет протестировать без рефакторинга. Источник: langgenius/dify.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/langgenius/dify --skill component-refactoring
Источник
langgenius/dify
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from langgenius/dify

Короткие ответы

Что такое component-refactoring?

Рефакторинг сложных компонентов React во внешнем интерфейсе Dify. Используйте, когда `pnpm анализ-компонент --json` показывает сложность > 50 или lineCount > 300, когда пользователь запрашивает разделение кода, извлечение перехватчиков или уменьшение сложности, или когда `pnpm анализ-компонент` предупреждает о необходимости рефакторинга перед тестированием; избегайте простых/хорошо структурированных компонентов, сторонних оболочек или когда пользователь явно хочет протестировать без рефакторинга. Источник: langgenius/dify.

Как установить component-refactoring?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/langgenius/dify --skill component-refactoring После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/langgenius/dify

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-01