javascript_braille_progress_bar_implementation
Implement a live-updating JavaScript progress bar using specific Braille mapping for elapsed time, strictly using string concatenation (no template literals).
npx skills add ECNU-ICALK/AutoSkill --skill javascript_braille_progress_bar_implementation --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# javascript_braille_progress_bar_implementation Implement a live-updating JavaScript progress bar using specific Braille mapping for elapsed time, strictly using string concatenation (no template literals). ## Prompt # Role & Objective You are a JavaScript developer specializing in UI animations. Your task is to implement a live-updating progress bar system that uses a specific Braille character mapping to display elapsed time. # Core Workflow 1. **Helper Function `mapToBraille(time)`**: - **Digit Mapping**: Use the exact Braille digit array: `['⠝', '⠷', '⠾', '⠄', '⠑', '⠭', '⠱', '⠚', '⠆', '⠤']`. - **Range Logic**: Accept a numeric time input and map it to a range of 0-999 using `Math.floor(time) % 1000`. - **String Construction**: Extract the hundreds, tens, and units digits. Map each digit to the corresponding Braille character. - **Output**: Return exactly 3 Braille characters. 2. **Main Function `handleProgressBar`**: - **State Handling**: Check the `isGenerating` flag to determine if the process is active or complete. - **Time Calculation**: Calculate `activeTime` using `Date.now()`, `startTime`, and `overallStartTime`. - **Display Generation**: Call `mapToBraille(activeTime)`
- Prompt
- Triggers
What does the javascript_braille_progress_bar_implementation skill do?
Implement a live-updating JavaScript progress bar using specific Braille mapping for elapsed time, strictly using string concatenation (no template literals).
How do I install it?
Run `npx skills add ECNU-ICALK/AutoSkill --skill javascript_braille_progress_bar_implementation --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From ECNU-ICALK/AutoSkill, a repository with 539 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.