react:components
[ Official ]react:components is a skill that leverages system-level networking and AST-based validation to generate modular Vite and React components from Stitch designs.
Browse and install thousands of AI Agent skills in the Killer-Skills directory. Supports Claude Code, Windsurf, Cursor, and more.
react:components is a skill that leverages system-level networking and AST-based validation to generate modular Vite and React components from Stitch designs.
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
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.
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
new-component is a skill that generates a new React component file with functional components and hooks, following a specific directory structure.
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.
refactor-react is a technical skill that automates the refactoring process of React components, focusing on updating corresponding tests and Storybook stories.