← 一覧へ
AI・LLMCC / Codex 両対応難易度: 中級
アルゴリズムアート algorithmic-art
コードで描く美しいデジタルアート
これは何？
アルゴリズムアートは、プログラミングを使って美しいパターンやデザインを作り出す技術です。まるで魔法のように、数字や計算が芸術に変わるんですよ！p5.jsという使いやすいツールを使って、ランダム性やインタラクティブな要素を加えながら、世界にひとつだけのアートを作ることができます。
こんな時に便利
オリジナルのデジタルアートを作りたい時
プログラミングの楽しさをアートを通して体験したい時
ランダム性を使ったユニークなデザインを作りたい時
インタラクティブなアート作品を作りたい時
使い方
まずはp5.jsというWeb上で使えるプログラミング環境を用意します。基本的な図形の描き方から始めて、徐々にランダム性やインタラクションを組み込んでいきます。慣れてきたら、フローフィールドやパーティクルシステムなど、より複雑な技法にも挑戦してみましょう！
必要なもの
- 特になし
導入方法
いちばん簡単（AIに頼む）
次のスキルを入れて: https://github.com/anthropics/skills/tree/main/skills/algorithmic-art手動で置く
Claude Code →
~/.claude/skills/algorithmic-art/Codex →
~/.agents/skills/algorithmic-art/使いこなしのコツ
- まずは簡単なパターンから始め、徐々に複雑なものに挑戦しましょう
- 自分の好きな色や形を組み合わせて、オリジナリティを出してみてください
- パラメータを少しずつ変化させて、意外なデザインが生まれるのを楽しんでみてください
このスキルの紹介記事
Claude Codeのexample-skillsを全部使いこなすガイド【17種類 ...
qiita.com
Go to list of users who liked. # Claude Codeのexample-skillsを全部使いこなすガイド【17種類まとめ】. Claude Codeには `example-skills` という便利なスキル群が用意されています。しかし「どんなスキルがあるか」「いつ使うのか」がわかりに
Claude Code Skills 読むべき
x.com
使い方を説明します。 Claude Codeで /model opus に切り替える 「skill-creatorを使って、〇〇のスキルを作成して」と指示 AIから
[Introduction to Claude Skills] An AI expert explains in an ... - YouTube
youtube.com
... 使い方✓AIコーディング専門用語解説✓Gemini CLI 超入門✓生成AI ... オリジナルSkillsをClaude Codeなどで作る方法を教えます！初心者にAIを
Agent Skills 元年なのでオープンスタンダードになった Agent Skills について調べて使ってみた | DevelopersIO
dev.classmethod.jp
Agent Skills 元年なのでオープンスタンダードになった Agent Skills について調べて使ってみた. 世はまさに大 Agent Skills 時代なので、Agent Skillsについて調べて使ってみました。今度は作ってみます。. さて、本記事ではタイトルにもある通り、Agent Skills という