Render framework-agnostic Image components with adapters like NextImage.
npx skills add https://github.com/TechsioCZ/new-engine --skill image-usage
Please help me install this Agent Skill. Skill: image-usage Source: https://github.com/TechsioCZ/new-engine/tree/main/libs/ui/skills/image-usage Command: npx skills add https://github.com/TechsioCZ/new-engine --skill image-usage
Use after component-usage-ux when an app needs @techsio/ui-kit Image or a framework image adapter such as NextImage through the Image atom's as prop.
Place the Image component with an adapter like NextImage and provide src and alt to render a framework-agnostic image.
High-intent search queries and answers about installing and using this skill.
A framework-agnostic Image component accepts src and alt while exposing an as prop adapter, letting your React UI kit render images through adapters like NextImage without coupling to a specific framework.
Yes, you can adapt a UI kit Image component to use NextImage in Next.js by passing the adapter through the as prop, maintaining a clean separation between UI-kit styling and framework-specific behavior.
Handling image accessibility and size variations across React apps is best done via a framework-agnostic component that enforces alt text and size props while delegating rendering to framework adapters.
Yes, the framework-agnostic Image component supports common usage scenarios including product galleries, avatars, and hero images by adapting its rendering through the as prop adapter.
The as prop adapter pattern works by accepting a framework-specific component like NextImage as a prop, allowing the framework-agnostic Image interface to delegate rendering while keeping accessibility and styling separated.
LimaTechnologiesImplement shadcn/ui components in React and Next.js projects.
Wahidul123Enforce consistent image rendering with alt text, placeholders, and widths.
TechsioCZImplement accessible NumericInput usage with locale and validation props in React.
333-333-333Organize React/React Native projects into Clean Architecture layers and feature folders.
