알고리즘 아트 (p5.js 제너러티브 아트)

무엇을 해주나

이 스킬은 "코드로 그림 만들어줘", "플로우 필드 아트", "파티클 시스템 작품" 같은 요청을 받으면 두 단계로 작업합니다.

1. 알고리즘 철학(.md): 작품의 미학적 방향을 4~6단락의 선언문 형태로 작성합니다. (예: "Organic Turbulence", "Stochastic Crystallization")
2. p5.js 구현(.html): 철학을 코드로 옮겨 단일 HTML 아티팩트를 만듭니다. p5.js는 CDN으로 불러오고, 시드 이동(이전/다음/랜덤/직접 입력), 파라미터 슬라이더, 컬러 피커, Regenerate·Reset·PNG 다운로드 버튼이 포함된 사이드바 뷰어가 함께 제공됩니다.

동일한 시드는 항상 동일한 결과를 재현하도록(Art Blocks 방식) 강제하며, 기존 작가 작품을 모방하지 않고 오리지널 알고리즘을 만들도록 지시합니다.

이런 분께 추천

• 제너러티브 아트/크리에이티브 코딩을 배우거나 실험해보고 싶은 분
• NFT·프린트·배경 이미지용 파라메트릭 비주얼을 빠르게 뽑아야 하는 디자이너
• p5.js 예제 코드와 인터랙티브 파라미터 UI를 한 번에 얻고 싶은 개발자
• 강의·워크숍에서 노이즈, 벡터 필드, L-시스템 개념을 시각적으로 설명하려는 교육자

활용 예시

• 예시 1: "바다 물결 느낌의 플로우 필드 아트를 만들어줘" → 다층 Perlin 노이즈 기반 벡터 필드와 수천 개 파티클 궤적, 노이즈 스케일·파티클 수 슬라이더가 달린 HTML 뷰어 생성.
• 예시 2: "보로노이 셀로 결정화되는 느낌의 작품과 시드 1~100 변형" → 릴랙세이션 알고리즘 기반 타일링 + 시드 내비게이션으로 100가지 변형 탐색.
• 예시 3: "재귀 분기 구조로 나무 같은 형태를 그리고 PNG로 저장하고 싶어" → L-시스템/재귀 세분할 알고리즘, 분기 각도·재귀 깊이 파라미터, 다운로드 버튼 포함.

클로드스킬마트에서 찾은 스킬을 설치해줘.
GitHub 저장소 Prat011/awesome-llm-skills 의 algorithmic-art 폴더를 내 ~/.claude/skills/prat011-algorithmic-art/ 에 그대로 복사해줘.
설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.