SkillSmith
HomeDashboardGallery
Built byEmmanuel de Maistre
Skill format docs·Docs·Gallery·Changelog·Not affiliated with Anthropic

Skill Gallery

Browse community-created Claude Code skills. Download any skill and drop it into your project.

Hooks Migration Refactor
workflow-automation

Migrates React class components to modern functional components with hooks. Handles lifecycle methods (componentDidMount/Update/WillUnmount → useEffect), state (setState → useState), context (contextType/Consumer → useContext), refs (createRef → useRef/useCallback refs), and error boundary wrapping. Flags prop-drilling candidates for Zustand slice extraction or Context promotion. Preserves existing prop types and adds strict TypeScript types where missing. Trigger phrases: "migrate class component", "convert to hooks", "refactor class to functional", "hooks migration".

Test Skill
121