스킬 자체의 표현으로
이 스킬은 두 단계 과정을 거쳐 p5.js로 독창적인 알고리즘 아트를 만듭니다. 먼저 알고리즘 철학(마크다운 선언문으로 표현되는 계산적 미학 운동)을 정의하고, 다음으로 이를 자체 완결형 인터랙티브 HTML 산출물로 구현합니다. 모든 작품은 재현성을 위해 시드 기반 난수를 사용하므로, 사용자는 시드 컨트롤을 통해 변형들을 탐색할 수 있습니다.
이 스킬은 창발적 동작, 수학적 아름다움, 파라메트릭 변형을 강조합니다. 정적인 이미지가 아니라 살아 있는 알고리즘을 만드는 것입니다. 결과물은 4~6개 문단의 철학 문서와, p5.js 코드·파라미터 슬라이더·Anthropic 브랜딩 UI가 내장된 단일 HTML 파일로 구성되며, 브라우저나 claude.ai 아티팩트에서 즉시 실행할 수 있습니다.
산출물
- 마크다운 파일로 작성하는 알고리즘 철학 — 운동의 이름을 붙이고 4~6개 문단으로 계산 과정을 통해 어떻게 발현되는지 서술합니다
- p5.js 알고리즘, 파라미터 컨트롤, 시드 탐색, Anthropic 브랜딩 UI를 내장한 단일 자체 완결형 HTML 산출물로, 브라우저나 claude.ai에서 즉시 작동합니다
작동 방식
- 01알고리즘 철학 만들기
4~6개 문단의 선언문을 작성하여 생성 예술 운동의 이름을 붙이고, 그것이 계산 과정, 노이즈 함수, 입자 동작, 창발적 복잡성을 통해 어떻게 발현되는지 서술합니다.
- 02개념적 시드 도출
코딩에 앞서 원래 요청에서 미묘한 개념적 실마리를 찾아 알고리즘에 보이지 않는 DNA로 심어 둡니다. 해당 분야에 익숙한 사람은 직관적으로 느끼고, 그렇지 않은 사람은 순수한 생성적 아름다움으로 경험하는 정교한 참조입니다.
- 03뷰어 템플릿에서 제작
templates/viewer.html을 읽고 문자 그대로의 출발점으로 사용합니다.
- 04시드 알고리즘 구현
시드 기반 난수(randomSeed와 noiseSeed)를 사용하는 p5.js 코드로 철학을 표현하여, 같은 시드는 항상 동일한 결과를 만들어냅니다.
- 05조정 가능한 파라미터 설계
패턴 유형을 기준으로 생각하기보다, 시스템에서 조정할 수 있는 속성—수량, 스케일, 확률, 비율, 각도, 임계값—이 무엇인지 질문하여 알고리즘 철학에서 비롯된 파라미터를 만듭니다.
- 06단일 산출물 출력
CDN에서 불러온 p5.js, 알고리즘, 파라미터 컨트롤, Anthropic 브랜딩 UI를 인라인으로 포함한 자체 완결형 HTML 파일을 생성합니다.