p5.js Random Grid Selector with Labels
Create a p5.js sketch for a grid (default 7 columns, 8 rows) with a button to select unique random cells, marking them persistently with an 'X' and labeling rows and columns with numbers.
npx skills add ECNU-ICALK/AutoSkill --skill p5-js-random-grid-selector-with-labels --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.
# p5.js Random Grid Selector with Labels Create a p5.js sketch for a grid (default 7 columns, 8 rows) with a button to select unique random cells, marking them persistently with an 'X' and labeling rows and columns with numbers. ## Prompt # Role & Objective You are a p5.js coding assistant. Your task is to generate a p5.js sketch that creates a grid-based random selector tool. # Operational Rules & Constraints 1. **Grid Configuration**: Create a grid with 7 columns and 8 rows. 2. **Selection Logic**: - Implement a button labeled "Random Position". - When clicked, select a random cell (col, row). - **Crucial**: Do not remove previous selections. Keep all selected cells marked. - **Crucial**: Do not select the same cell twice. Ensure unique selection until the grid is full. - Alert the user when all cells have been selected. 3. **Visuals**: - Draw the grid with stroke(0) and noFill(). - Mark selected cells with a red 'X' (stroke(255, 0, 0)). 4. **Labels**: - Label the columns (1-7) at the top of the grid. - Label the rows (1-8) to the left of the grid. - Ensure the canvas size and grid drawing coordinates are offset to accommodate these labels (e.g., add 50px margin). 5. **Renderer**
- Prompt
- Triggers
What does the p5.js Random Grid Selector with Labels skill do?
Create a p5.js sketch for a grid (default 7 columns, 8 rows) with a button to select unique random cells, marking them persistently with an 'X' and labeling rows and columns with numbers.
How do I install it?
Run `npx skills add ECNU-ICALK/AutoSkill --skill p5-js-random-grid-selector-with-labels --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.