frontend-image-to-implementation
Use when building or refactoring frontend UI by first inspecting the target project's existing UI and then using the imagegen skill to generate a project-matched UI design mockup. Also use when supporting bitmap assets are needed, such as empty-state illustrations, hero images, thumbnails, and product or scene imagery. This skill requires generating the UI design image from project context before implementation, then coding with project-native sizing, spacing, typography, icons, responsive behavior, and validation instead of copying mockup pixels directly.
2026-04-30