react-render-types-composition

You can enforce React component composition at lint time by using @renders type annotations to validate permissible child components and slot props during development.

@renders type annotations are declarative markers used on React components to specify allowed render targets, enabling static analysis to prevent invalid child rendering and enforce design-system contracts.

You validate slot props and constrained children by annotating your React design system components with @renders, which checks permissible component trees and slot prop validations across multiple files.

Yes, React render types support advanced techniques including unions, type aliases, render chains, and unchecked modifiers to handle complex rendering scenarios across applications.

No additional dependencies are required. The Skill operates with safe operational defaults for discovery and context loading, applying @renders annotations directly without external libraries.