Algorithmic Art with p5.js
anthropics/skills
Creates original generative art in two steps: a written algorithmic philosophy, then a p5.js sketch with seeded randomness and an interactive viewer for exploring parameters.
Generate a browser-based p5.js curtain simulation that weaves user-supplied PNG, JPEG, or WebP artwork and optional text into individually moving strands.
Install Printed Curtain Render
$ npx skills add vibe-motion/skills --skill printed-curtain-render -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install vibe-motion/skills printed-curtain-render --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/printed-curtain-render .claude/skills/printed-curtain-render && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "printed-curtain-render" agent skill from https://github.com/vibe-motion/skills/tree/main/printed-curtain-render into .claude/skills/printed-curtain-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "printed-curtain-render", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/vibe-motion/skills/tree/main/printed-curtain-renderType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add vibe-motion/skills --skill printed-curtain-render -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install vibe-motion/skills printed-curtain-render --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/printed-curtain-render .agents/skills/printed-curtain-render && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "printed-curtain-render" agent skill from https://github.com/vibe-motion/skills/tree/main/printed-curtain-render into .agents/skills/printed-curtain-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "printed-curtain-render", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add vibe-motion/skills --skill printed-curtain-render -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install vibe-motion/skills printed-curtain-render --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/printed-curtain-render .cursor/skills/printed-curtain-render && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "printed-curtain-render" agent skill from https://github.com/vibe-motion/skills/tree/main/printed-curtain-render into .cursor/skills/printed-curtain-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "printed-curtain-render", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/vibe-motion/skills.git --path printed-curtain-render--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add vibe-motion/skills --skill printed-curtain-render -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install vibe-motion/skills printed-curtain-render --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/printed-curtain-render .gemini/skills/printed-curtain-render && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "printed-curtain-render" agent skill from https://github.com/vibe-motion/skills/tree/main/printed-curtain-render into .gemini/skills/printed-curtain-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "printed-curtain-render", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install vibe-motion/skills printed-curtain-renderInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add vibe-motion/skills --skill printed-curtain-render -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/printed-curtain-render .github/skills/printed-curtain-render && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "printed-curtain-render" agent skill from https://github.com/vibe-motion/skills/tree/main/printed-curtain-render into .github/skills/printed-curtain-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "printed-curtain-render", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add vibe-motion/skills --skill printed-curtain-render -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install vibe-motion/skills printed-curtain-render --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/printed-curtain-render .opencode/skills/printed-curtain-render && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "printed-curtain-render" agent skill from https://github.com/vibe-motion/skills/tree/main/printed-curtain-render into .opencode/skills/printed-curtain-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "printed-curtain-render", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
printed-curtain-render- GitHub stars
- 1.3k
- Token cost
- ~978 tokens
- SKILL.md length
- 365 words
- Files
- 15 (incl. scripts, assets)
- Skills in repo
- 16
- Repo updated
- First seen
- Licence
- None found
At a glance
Generate a browser-based p5.js curtain simulation that weaves user-supplied PNG, JPEG, or WebP artwork and optional text into individually moving strands.
- Works in 5 steps: Resolve the source image, optional text… → Resolve the installed skill directory… → Wait for VALIDATION=PASS and OUTPUT_HTML=. → …
- Users ask for an interactive curtain
- SKILL.md covers Workflow, Quick Start, Installed Skill Resolution and Preview, plus 4 more sections
- Runs JavaScript and Python scripts from its folder; calls python3
What it does
Printed Curtain Render is an agent skill from vibe-motion/skills. Generate a browser-based p5.js curtain simulation that weaves user-supplied PNG, JPEG, or WebP artwork and optional text into individually moving strands. Use when users ask for an interactive curtain or thread simulation, artwork woven into cloth or ropes, image-bearing fabric motion, 可交互线帘/幕布, 图片织入布料, printed curtain effects, or a customizable browser-based fabric reveal.
Its SKILL.md is about 980 tokens, which your agent loads only when the skill is triggered. The skill folder holds 18 other files, including scripts and assets (for example `agents/openai.yaml`, `assets/printed-curtain-template/controls.js` and `assets/printed-curtain-template/curtain.js`).
It sits in Media & Creative, covering Generative and creative coding. The repository describes itself as: agent skills for vibe motion.
When your agent uses it
- Users ask for an interactive curtain
- Thread simulation
- Artwork woven into cloth
- Image-bearing fabric motion
Example prompts
- “/printed-curtain-render”
Requirements
- Python 3
- Node.js
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- Resolve the source image, optional text lines, palette, and output directory.
- Resolve the installed skill directory and run scripts/create_printed_curtain.py.
- Wait for VALIDATION=PASS and OUTPUT_HTML=.
- Serve the output directory over HTTP and inspect the result in a browser. Do not use file://; browser canvas security can prevent local…
- Return the absolute HTML path, the local-server command, and the chosen artwork settings.
What it can do on your machine
Read from SKILL.md and the folder at commit 4c86c0d. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships 1 file in scripts/ (JavaScript and Python), which the agent can run.
Shell commands in SKILL.md call:
python3
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Printed Curtain Render loads about 978 tokens when it runs. Until then it costs about 100 tokens; SKILL.md has 365 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 365 words (~978 tokens).
“Use the installed skill copy, not a source checkout of this skill collection:”
- name
- printed-curtain-render
Files
SKILL.md and 14 other files (scripts, assets) in printed-curtain-render of vibe-motion/skills.
- SKILL.md
- agents/openai.yaml
- assets/maoxuezhang-printed-curtain.gif
- assets/printed-curtain-template/NOTICE.txt
- assets/printed-curtain-template/controls.js
- assets/printed-curtain-template/curtain.js
- assets/printed-curtain-template/index.html
- assets/printed-curtain-template/p5.min.js
- assets/printed-curtain-template/point.js
- assets/printed-curtain-template/print.js
- assets/printed-curtain-template/rigidBody.js
- assets/printed-curtain-template/segment.js
- assets/printed-curtain-template/sketch.js
- assets/printed-curtain-template/style.css
- scripts/create_printed_curtain.py
Open the folder on GitHubat commit 4c86c0d
Compare with similar skills
Printed Curtain Render next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Printed Curtain Render this skillvibe-motion/skills | 1.3k | — | ~978 | Automated safety check: Pass | None | |
| Algorithmic Art with p5.jsanthropics/skills | 180k | 38 repos | ~4.9k | Automated safety check: Pass | Apache-2.0 | |
| Canvas Designanthropics/skills | 180k | 52 repos | ~3k | Automated safety check: Pass | Apache-2.0 | |
| Photo Abstract EditorialZzzLc0405/photo-abstract-editorial | 5.9k | — | ~815 | Automated safety check: Pass | Proprietary | |
| Mono Coloryanliudesign/mono-color-skill | 3.4k | — | ~8.5k | Automated safety check: Pass | MIT | |
| Gathered Scenes Zine PosterZeejay0/gathered-scenes-zine-skill | 5.3k | — | ~3.8k | Automated safety check: Pass | Custom licence |
Similar skills
- Official
- Official
Canvas Design
anthropics/skills
Creates original posters and static art as PNG or PDF by first writing a short design philosophy, then expressing it visually on a canvas.
Photo Abstract Editorial
ZzzLc0405/photo-abstract-editorial
Creates one vertical editorial image from an uploaded photo, keeping the photo untouched and adding an abstract panel and short English title derived from it.
Mono Color
yanliudesign/mono-color-skill
Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo.
Gathered Scenes Zine Poster
Zeejay0/gathered-scenes-zine-skill
Turns a photo into a tactile collage poster where part stays an untouched photographic anchor and the rest becomes a simplified, color-fading illustration of the hidden scene.
CRT Interface Illustration
TaiT-tt/tait-crt-interface-skill
Generates one finished retro CRT computer-interface illustration from a portrait, photo, creature, object or theme, as an exaggerated 1980s bitmap caricature.
More from vibe-motion/skills
All 16 skills in this repoPixel2motion
vibe-motion/skills
Turn a raster logo (PNG/JPG/WebP/screenshot) into a clean minimal SVG with edge smoothness as the primary hard gate and IoU optimized as high as reasonably possible without a fixed global threshold…
Brand Launch Video Star
vibe-motion/skills
Create fast, high-impact 15-30 second brand and product marketing videos from an official company website, verified brand sources, or user-uploaded product imagery.
3D Chladni Render
vibe-motion/skills
Clone or update https://github.com/nolangz/3D-Chladni and export deterministic 3D Chladni particle motion as MP4 or transparent ProRes MOV.
Colorize
vibe-motion/skills
Turn photos, videos, and Live Photos into a black-and-white to color reveal clip (单彩渐变 + 动感模糊 + 丁达尔旋焦).
Light Spotlight Render
vibe-motion/skills
Generate a swinging spotlight text-reveal HTML animation with configurable text, swing angle, lamp scale, glow, and colors.
Threejs Earth Render
vibe-motion/skills
Clone or update https://github.com/vibe-motion/threejs-earth and render the Three.js Earth route animation with Puppeteer frame capture.
Related
Categories
Questions about Printed Curtain Render
What does Printed Curtain Render do?
Generate a browser-based p5.js curtain simulation that weaves user-supplied PNG, JPEG, or WebP artwork and optional text into individually moving strands. Printed Curtain Render is an agent skill from vibe-motion/skills.js curtain simulation that weaves user-supplied PNG, JPEG, or WebP artwork and optional text into individually moving strands.
When should I use Printed Curtain Render?
Printed Curtain Render fits situations like: users ask for an interactive curtain; thread simulation; artwork woven into cloth; image-bearing fabric motion.
How do I install Printed Curtain Render in Claude Code?
Run `npx skills add vibe-motion/skills --skill printed-curtain-render -a claude-code`. Or copy the skill folder (printed-curtain-render in vibe-motion/skills) into .claude/skills/printed-curtain-render in your project. Claude Code loads it when a task matches its description.
How do I install Printed Curtain Render in Codex?
Run `npx skills add vibe-motion/skills --skill printed-curtain-render -a codex`. Or copy the skill folder (printed-curtain-render in vibe-motion/skills) into .agents/skills/printed-curtain-render in your project. Codex loads it when a task matches its description.
Can I use Printed Curtain Render in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add vibe-motion/skills --skill printed-curtain-render -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/printed-curtain-render, .gemini/skills/printed-curtain-render, .github/skills/printed-curtain-render and .opencode/skills/printed-curtain-render in your project.
What does Printed Curtain Render need to run?
Going by SKILL.md and its folder, Printed Curtain Render needs JavaScript and Python for the scripts in its folder and the command-line tools its instructions call (python3). Our summary lists: Python 3; Node.js.
Does Printed Curtain Render access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Printed Curtain Render safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Printed Curtain Render use?
No licence was found for Printed Curtain Render or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Printed Curtain Render use?
About 978 tokens (SKILL.md is roughly 3.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Printed Curtain Render?
Skills that share tags, products or a category with Printed Curtain Render: Algorithmic Art with p5.js (anthropics/skills, 180k stars), Canvas Design (anthropics/skills, 180k stars), Photo Abstract Editorial (ZzzLc0405/photo-abstract-editorial, 5.9k stars) and Mono Color (yanliudesign/mono-color-skill, 3.4k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Printed Curtain Render?
vibe-motion (a GitHub organization) maintains it in vibe-motion/skills, which has 1,330 GitHub stars. The repository holds 16 skills in this directory. The repository was last updated on October 5, 2026.
Source: vibe-motion/skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.