component-refactoring

Generic steps — the original listing is authoritative. Copy the command, run it where you keep agent skills, then confirm version and requirements in the original listing.

At a glance

• Refactor high-complexity React components in Dify frontend.
• 6 installs reported on mcpdirectory.
• Published by langgenius — listed by mcpdirectory. Setup details live in the original listing.

Capabilities

Auto-detected from the listing text — confirm in the original listing.

How to use

1. Copy the Install command above.
2. Run it where you keep agent skills.
3. Confirm version and requirements in the original listing.

More in React

• extract-errors — Use when adding new error messages to React, or seeing "unknown error code" warnings.
• using-base-ui-with-material-ui — Always use this skill when integrating Base UI components `@base-ui-components/react` with Material UI `@mui/m
• typescript-lsp — TypeScript language server providing type checking, code intelligence, and LSP diagnostics for .ts, .tsx, .js,
• mobile-developer — Develop React Native, Flutter, or native mobile apps with modern architecture patterns.
• heroui-native — HeroUI Native component library for React Native (Tailwind v4 via Uniwind).
• agent-spec-mobile-react-native — Agent skill for spec-mobile-react-native - invoke with $agent-spec-mobile-react-native

More from langgenius

• frontend-code-review — Trigger when the user requests a review of frontend files (e.g., `.tsx`, `.ts`, `.js`). Support both pending-c
• frontend-testing — Generate Vitest + React Testing Library tests for Dify frontend components, hooks, and utilities. Triggers on
• orpc-contract-first — Guide for implementing oRPC contract-first API patterns in Dify frontend.

← Back to Skills catalog · View original listing ↗

Outdated or wrong? Report this listing.