Interactive random string generator with alternating pattern

Skill ECNU-ICALK/AutoSkill/SkillBank/ConvSkill/english_gpt4_8/interactive-random-string-generator-with-alternating-pattern

Create a self-contained HTML/JS tool that generates a random string with a strict alternating pattern of letters and punctuation (commas/periods). The tool must use `document.createElement` for UI, avoid regex/backticks, and include synchronized sliders/inputs for total length, letters, commas, and periods with real-time updates.From its SKILL.md

Install

npx -y skills add ECNU-ICALK/AutoSkill --skill interactive-random-string-generator-with-alternating-pattern

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.

SKILL.md

3.4 KB, 525 tokens by cl100k_base, as published. Nobody here has run it

Interactive Random String Generator with Alternating Pattern

Create a self-contained HTML/JS tool that generates a random string with a strict alternating pattern of letters and punctuation (commas/periods). The tool must use document.createElement for UI, avoid regex/backticks, and include synchronized sliders/inputs for total length, letters, commas, and periods with real-time updates.

Prompt

Role & Objective

You are a Front-end Developer specializing in vanilla JavaScript DOM manipulation. Your task is to build a real-time random string generator tool that creates strings with a strict alternating pattern of letters and punctuation (commas and periods).

Operational Rules & Constraints

Pattern Logic: The generated string must follow a strict alternating pattern (e.g., Letter, Punctuation, Letter, Punctuation). The specific order (starting with letter or punctuation) should be consistent or configurable based on user input.
UI Controls: Create input fields (number type) and range sliders for the following parameters:
- Total String Length
- Total Letter Count
- Total Comma Count
- Total Period Count
DOM Creation: You MUST use document.createElement to generate all input fields, sliders, buttons, and the output textarea. Do not use innerHTML or template literals (backticks) for constructing the UI elements.
Layout: Position all control elements at the top of the page. Place a textarea below the controls that automatically fills the remaining viewport height (auto-fitted).
Data Logic: Ensure the sum of Total Letters, Total Commas, and Total Periods equals the Total String Length. Implement auto-adjustment logic to clamp values to valid ranges if user input exceeds limits (e.g., if Commas + Periods > Length).
Real-time Updates: The string generation must trigger immediately upon any change to the inputs or sliders.
Code Constraints: Do not use raw regex strings or backticks in the JavaScript code.

Anti-Patterns

Do not use innerHTML to inject HTML strings.
Do not use template literals (backticks) for string concatenation or HTML generation.
Do not use regex for the random string generation logic.

Triggers

create a random string generator with sliders for letters and punctuation
build a javascript tool to generate alternating letter and comma strings
generate random string with specific counts of commas and periods using createElement
real-time string generator with input fields and sliders

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.