Illustrative Claude Academy recommendation linking to the official Claude Code learning resource.
プロジェクトのスクリーンショットこのスキルについて
Create original seeded generative art with p5.js and an interactive parameter viewer. A browser with JavaScript and the p5.js runtime.
おすすめする理由
A good starting point for generative art you can reproduce and vary. It connects an artistic concept to a seeded p5.js implementation and an interactive viewer.
役立つこと
- Create a flow-field artwork.
- Explore particle and geometric systems.
- Build a parameterized art viewer.
How this skill works
1. Write an algorithmic philosophy before the implementation
Describe an original algorithmic aesthetic rather than imitate a named living artist.
2. Build particle systems, flow fields and mathematical patterns
Translate the concept into seeded geometry, particles or flow fields using p5.js.
3. Provide a viewer with seed and parameter controls
Expose useful controls and confirm the same seed reproduces the same composition.
An example task
Try this brief: “Create an original flow-field artwork inspired by currents, with a reproducible seed.”
The preview is an original SkillHey illustration of this task. Its content is fictional and is not an official Anthropic screenshot or an agent benchmark.
Second example
Try this brief: “Create a seeded generative artwork based on orbital paths and layered rings.”
Install this skill or its official plugin
For this skill alone, copy its complete directory into the project Skills root using the command above. The final entry is .claude/skills/algorithmic-art/SKILL.md. Keep references, scripts and assets with it.
| コマンド | 用途と使いどころ |
|---|---|
/plugin marketplace add anthropics/skills | Register the official Claude Code marketplace. |
/plugin install example-skills@anthropic-agent-skills | Install the official plugin. This may include other skills; see its manifest. |
Official repository and plugin manifestClaude Code skill installation documentation
Dependencies and license
A browser with JavaScript and the p5.js runtime.
The recipe is free to access; running an agent or external service may have its own costs.
Review this skill’s LICENSE.txt before redistributing its files.
Official algorithmic-art instructionsOfficial repository and plugin manifest
使う前に
- A browser with JavaScript and the p5.js runtime.
対応エージェント
よくある質問
Is this a separate skill?
Yes. algorithmic-art has its own SKILL.md and directory. It also belongs to the Anthropic Official Skills topic.
資料・参照元
元の資料は以下のリンクから確認できます。実践のヒントは SkillHey による編集上の提案です。
