What is it?
p5.js를 활용하여 컴퓨테이셔널 생성 아트를 만드는 강력한 스킬입니다. 실행할 때마다 독특한 작품을 생성하는 살아있는 알고리즘을 만들 수 있습니다. 이 스킬은 알고리즘 철학을 강조합니다 - 코드를 단순한 기술 도구가 아닌 미학적 운동으로 다룹니다. 시드 랜덤성, 노이즈 필드, 유기적 시스템을 통해 계산 프로세스, 창발적 행동, 수학적 아름다움을 활용한 독창적인 생성 아트를 만듭니다.
How to use it?
생성 과정은 두 가지 주요 단계로 진행됩니다:
-
알고리즘 철학 만들기 - "유기적 난류" 또는 "양자 하모닉스"와 같은 생성 아트 운동을 위한 4-6개 단락의 선언문을 작성합니다. 이 철학은 구현을 안내하는 컴퓨테이셔널 미학을 정의합니다.
-
코드로 표현하기 - 재현 가능성을 위해 시드 랜덤성을 사용하여 p5.js로 철학을 구현합니다. 이 스킬은 Anthropic 브랜딩, 매개변수 컨트롤, 시드 탐색, 실시간 업데이트가 포함된 뷰어 템플릿을 제공합니다. 아티스트는 시드를 변경하거나 파티클 개수, 노이즈 스케일, 속도와 같은 매개변수를 조정하여 다양한 변형을 탐색할 수 있습니다.
결과물은 claude.ai 또는 모든 브라우저에서 즉시 작동하는 자체 포함된 단일 HTML 파일로, 알고리즘, UI 컨트롤, 시각적 출력을 결합합니다.
Key Features
- 알고리즘 철학 생성 - 코딩 전에 컴퓨테이셔널 미학 운동 정의
- 시드 랜덤성 (Art Blocks 패턴) - 동일한 시드는 항상 동일한 출력 생성
- 인터랙티브 매개변수 컨트롤 - 알고리즘의 매개변수 공간을 탐색하는 실시간 슬라이더
- 시드 탐색 - 이전/다음/랜덤/점프 버튼으로 변형 탐색
- 전문적인 뷰어 템플릿 - 그라디언트 배경과 깔끔한 컨트롤이 있는 Anthropic 브랜드 UI
- 단일 파일 아티팩트 - 어디서나 작동하는 자체 포함 HTML, 설정 불필요
- 마스터급 장인정신 - 갤러리급 컴퓨테이셔널 아트 제작 강조
Related Skills
More from CreativeTechnical Doc Creator
Creates HTML technical documentation with syntax-highlighted code blocks, API endpoint references, architecture diagrams, and color-coded HTTP method indicators
Artifacts Builder
Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui components
Canvas Design
Create beautiful visual art in .png and .pdf formats using design philosophy