p5.js Creative Coding
p5.js 创意编程技能，用代码生成交互式艺术、粒子动画与声音可视化，适合创意编码与教育演示。
p5.js Creative Coding is an Agent skill for Media & Creative. p5.js 创意编程技能，用代码生成交互式艺术、粒子动画与声音可视化，适合创意编码与教育演示。 Tags: p5.js · 创意编程 · creative-coding · 粒子 · particles · 交互.
What is p5.js Creative Coding
p5.js Creative Coding packages a Media & Creative workflow for agents. p5.js 创意编程技能，用代码生成交互式艺术、粒子动画与声音可视化，适合创意编码与教育演示。
Install p5.js Creative Coding in Cursor / Claude / Codex
Claude Code Install with the command on this page, or place the skill in ~/.claude/skills or project .claude/skills so Claude can detect p5.js Creative Coding.
Cursor After the install command writes the skill directory, invoke p5.js Creative Coding by name in the Cursor agent.
Codex Install into the Codex skills directory and call it by name. If only a generic command is listed, run it locally and confirm Codex can see the skill.
One-click Install
Run the following command in your terminal to install the skill into your AI agent:
npx skillsadd anthropics/skillsHow to Use
Claude Code: Place the skill in ~/.claude/skills (personal) or the project .claude/skills directory, and Claude will auto-detect it.
Cursor / Windsurf: After installing via npx skillsadd, the skill directory is placed in the configured path.
Codex CLI: After installation it loads automatically from the skills directory and is invoked by name.
Tags
Similar recommendations
Algorithmic Art
Anthropic 官方算法艺术技能，用代码生成几何图案、分形与生成式艺术作品，输出 SVG 与高清位图。
Stable Diffusion Image Generation
Stable Diffusion 图像生成技能，通过提示词与参数调控生成高质量 AI 绘画，支持 ControlNet 姿态控制。
ComfyUI Workflows
ComfyUI 工作流技能，构建与调试节点式图像生成流水线，复用模型加载、采样与后处理的节点图。
GPT Image Generation
GPT Image 文生图技能，调用 OpenAI 图像模型生成与编辑图片，支持风格预设、蒙版编辑与多分辨率输出。
AI Video Generation
AI 视频生成技能，通过文生视频与图生视频模型（Sora、Kling、Wan）创作短视频，支持运镜与时长控制。
Whisper Speech to Text
Whisper 语音转文字技能，使用 OpenAI Whisper 模型将音频转录为文字，支持多语言识别与时间戳对齐。
FAQ
What is p5.js Creative Coding for?
p5.js Creative Coding is a Media & Creative skill. p5.js 创意编程技能，用代码生成交互式艺术、粒子动画与声音可视化，适合创意编码与教育演示。
Can Claude, Cursor, and Codex all use p5.js Creative Coding?
Yes if the client supports Agent Skills and has loaded the skill directory. Check the project home for compatibility notes.
What similar skills exist?
Related items come from the same Media & Creative group so you can pick a closer workflow.