component-refactoring
[ Featured ]Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component --json` shows complexity > 50 or lineCount > 300, when the user asks for code splitting, hook extraction, o
Browse and install thousands of AI Agent skills in the Killer-Skills directory. Supports Claude Code, Windsurf, Cursor, and more.
Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component --json` shows complexity > 50 or lineCount > 300, when the user asks for code splitting, hook extraction, o
react:components is a skill that leverages system-level networking and AST-based validation to generate modular Vite and React components from Stitch designs.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
Stateless video/image rendering engine with JSON templates and React component support
Vercel-composition-patterns is a set of guidelines for building maintainable React components using compound components, state lifting, and internal composition.
writing-react-effects is a skill that helps developers write React components with optimized useEffect calls for synchronizing with external systems.
Component-testing is a skill that utilizes React Testing Library and Playwright to test React components and pages for functionality and accessibility.
react:components is a skill that allows frontend engineers to transform designs into clean React code using a modular approach and automated tools like Stitch MCP prefix
refactor-react is a technical skill that automates the refactoring process of React components, focusing on updating corresponding tests and Storybook stories.