rename-screen-ids

Batch rename unnamed screen item IDs using AI inference to map generic IDs like textInput1 to descriptive, business-oriented names based on labels, placeholders, and surrounding HTML context.

AI infers meaningful names for screen design elements by analyzing available metadata sources such as text labels, placeholder text, heading context, and HTML fragments within the active design tool session.

Yes, renaming screen IDs requires an active designer-mcp session connected via ws://localhost:5179 and access to screen-items data to properly infer and apply the updated business-oriented names.

Yes, an interactive confirmation workflow lets you review and approve proposed name mappings before applying them, preserving original IDs when inference is not possible or mappings are rejected.

When AI inference is not possible, the skill provides a safe fallback that gracefully skips those items and preserves their original unnamed screen IDs without applying incorrect or guessed names.

Renaming unnamed UI design screen IDs to business names improves readability and maintainability, making design files easier to understand and collaborate on across development and design teams.