rename-screen-ids

Community

Batch-renames unnamed screen IDs to business names

Authorcsilost2001
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Unnamed screen item IDs (for example textInput1) are hard to understand and maintain. This skill infers descriptive, business-oriented names and applies them in bulk to improve readability and collaboration.

Core Features & Use Cases

  • AI-based inference to map screen items to meaningful names based on labels, placeholders, headings, and surrounding HTML.
  • Interactive confirmation workflow to review and approve generated mappings before applying.
  • Safe fallback to preserve original IDs when inference is not possible or is rejected by the user.

Quick Start

Run the command to rename screen item IDs for the currently active design tab, then review and approve the proposed mapping.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: rename-screen-ids
Download link: https://github.com/csilost2001/html-designer/archive/main.zip#rename-screen-ids

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.