Resolve Assets Require Logic

This skill acts proactively whenever UI component or standard script files are modified to ensure direct imports to physical assets/ files are correctly encapsulated and routed through the unified assets/index.ts exports.

Execution Workflow

1. For any modified (and not deleted) application code file (.tsx, .jsx, .ts, .js), check for occurrences of direct asset requirements (e.g., require('../../assets/images/something.png') or import img from '../../assets/images/something.png').
2. If direct queries are found, determine the path of the specific asset.
3. Read the assets/index.ts file.
4. If the required asset exists in index.ts already, note its exported key (e.g., IMAGES.Something).
5. If the required asset does not exist, propose a patch to add it to assets/index.ts under the correct category (ICONS, IMAGES, or BRAND).
6. Suggest modifying the target UI file to import { [Category] } from '@/assets' (or relative equivalent) and replacing the or with the extracted key .