Compétences algorithmic-art
🎨

algorithmic-art

Sûr

p5.js 로 알고리듬 아트 만들기

Également disponible depuis: anthropics,davila7,Doyajin174,ArtemisAI,ZhanlinCui,Cam10001110101,Azeem-2

이 스킬은 Claude 와 Claude Code 가 재현 가능한 결과를 위한 시드 랜덤성과 인터랙티브한 파라미터 탐색을 통해 갤러리 퀄리티의 알고리듬 아트를 p5.js 로 생성할 수 있도록 합니다.

Prend en charge: Claude Codex Code(CC)
🥉 75 Bronze
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

Activez et commencez à utiliser

Tester

Utilisation de "algorithmic-art". 플로우 필드와 파티클 트레일로 알고리듬 아트 만들기

Résultat attendu:

Perlin 노이즈로 구동되는 플로우 파티클 트레일을 보여주는 p5.js 캔버스가 있는 인터랙티브 HTML 아티팩트. 사이드바 컨트롤에는 시드 입력, 이전/다음/랜덤 버튼과 파티클 수 (100-5000), 노이즈 스케일 (0.001-0.01), 플로우 속도 (0.5-5), 트레일 길이 (0-255 알파) 슬라이더가 포함됩니다. 색상은 파티클 속도에 따라 차가운 색에서 따뜻한 색으로 전환됩니다.

Utilisation de "algorithmic-art". 황금비율을 사용한 재귀적 기하학적 아트 생성

Résultat attendu:

분기하는 재귀적 구조를 보여주는 자체 완비형 HTML. 각 분기는 황금비율 제약에 따라 분할됩니다. 파라미터에는 최대 깊이 (3-10), 분기 각도 (15-45 도), 길이 감쇠 (0.5-0.8), 색상 스키ム 선택이 포함됩니다. 시드 네비게이션을 통해 100 가지 변형을 탐색할 수 있습니다.

Audit de sécurité

Sûr
v1 • 2/24/2026

All static findings are false positives. Network URLs are legitimate CDN resources for p5.js and Google Fonts. The flagged code patterns (regex.exec, seeded randomness, file reading) are all legitimate for generating algorithmic art. No confirmed security risks identified.

4
Fichiers analysés
1,435
Lignes analysées
0
résultats
1
Total des audits
Aucun problème de sécurité trouvé

Motifs détectés

False Positive: Network URLsFalse Positive: Shell/Backtick ExecutionFalse Positive: Python exec() FunctionFalse Positive: Windows SAM DatabaseFalse Positive: Weak Cryptographic Algorithm
Audité par: claude

Score de qualité

38
Architecture
100
Maintenabilité
87
Contenu
50
Communauté
100
Sécurité
100
Conformité aux spécifications

Ce que vous pouvez construire

독창적인 비주얼을 추구하는 디지털 아티스트

수학적 아름다움과 창발적 행동을 지닌 일회성 제너러티브 아트 작품 제작. 알고리듬적 창의성을 원하는 디지털 아티스트에게 이상적입니다.

제너러티브 아트 교육을 위한 교육 도구

시드 랜덤성, 플로우 필드, 파티클 시스템, 파라메트릭 디자인과 같은 개념을 시연하는 교육 도구로 활용하세요.

아트 설치물을 위한 신속한 프로토타이핑

더 큰 아트 프로젝트나 설치물을 위한 영감을 찾기 위해 알고리듬 아트 변형을 빠르게 생성하고 탐색합니다.

Essayez ces prompts

플로우 필드 아트 만들기
플로우 필드를 사용한 알고리듬 아트를 생성하세요. Perlin 노이즈를 사용하여 파티클 이동을 제어합니다. 파티클 수, 노이즈 스케일, 트레일 길이에 대한 파라미터를 포함하세요. 색상이 속도에 반응하도록 만드세요.
기하학적 패턴 설계
신성한 기하학에서 영감을 받은 기하학적 알고리듬 아트를 생성하세요. 재귀적 분할 또는 L-systems 를 사용하세요. 재귀 깊이, 각도, 스케일에 대한 파라미터를 포함하세요. 수학적 정밀성을 강조하세요.
창발적 결정화 생성
확률적 결정화를 기반으로 한 아트를 생성하세요. 원 패킹 또는 이완이 있는 보로노이 테셀레이션을 사용하세요. 파라미터에는 밀도, 셀 크기, 색상 팔레트가 포함되어야 합니다. 각 시드는 독특한 결정적 아름다움을 생성해야 합니다.
인터랙티브 아트 익스플로러 구축
여러 조정 가능한 파라미터를 갖춘 정교한 알고리듬 아트 작품을 만드세요. 시드 네비게이션 (이전/다음/랜덤) 과 내보내기 기능을 포함하세요. 알고리듬은 전문가 수준의 파라미터 튜닝으로 세심하게 설계된 것처럼 느껴져야 합니다.

Bonnes pratiques

  • 재현 가능한 출력을 위해 항상 시드 랜덤성 (randomSeed, noiseSeed) 사용
  • Anthropic 브랜딩을 유지하기 위해 제공된 viewer.html 템플릿에서 시작
  • 임의의 컨트롤이 아닌 알고리듬에 자연스럽게 느껴지는 파라미터 설계

Éviter

  • 제공된 템플릿 구조를 사용하지 않고 처음부터 HTML 생성 금지
  • 탐색을 위한 파라미터 기반 팔레트를 사용하지 않는 하드코딩된 색상 피하기
  • 시드 네비게이션 컨트롤 생략 금지 - 재현 가능성이 핵심 가치

Foire aux questions

알고리듬 아트란 무엇인가요?
알고리듬 아트는 계산 알고리즘을 사용하여 생성되는 시각 예술입니다. 수동으로 그리는 대신 수학적 규칙, 랜덤성, 창발적 행동을 통해 비주얼을 생성하는 코드를 작성합니다.
시드 랜덤성은 어떻게 작동하나요?
시드 랜덤성은 랜덤 넘버 생성을 초기화하기 위해 시작 숫자 (시드) 를 사용합니다. 동일한 시드는 항상 동일한 랜덤 값 시퀀스를 생성하여 출력을 재현 가능하게 합니다. 이는 Art Blocks 스타일 제너러티브 아트와 유사합니다.
Claude Code 에서 사용할 수 있나요?
네. 이 스킬은 claude, codex, claude-code 도구를 지원합니다. 생성된 HTML 아티팩트는 Claude 아티팩트로 작동하며 어떤 브라우저에서도 열 수 있습니다.
플로우 필드란 무엇인가요?
플로우 필드는 Perlin 노이즈에서 유래한 벡터 그리드가 캔버스 전체에 파티클을 유도하는 시각화 기법입니다. 파티클은 기본 필드 구조를 보여주는 트레일을 남기며 유기적이고 흐르는 비주얼 패턴을 생성합니다.
다른 변형은 어떻게 탐색하나요?
생성된 아티팩트에는 시드 네비게이션 컨트롤이 포함되어 있습니다: 이전, 다음, 랜덤 버튼과 시드 입력 필드. 100 가지 프리셋 시드를 탐색하거나 고유한 변형을 위해 양의 정수를 입력할 수 있습니다.
생성된 아트를 내보낼 수 있나요?
네. 아티팩트에는 현재 캔버스를 이미지 파일로 저장하는 PNG 다운로드 버튼이 포함되어 있습니다. 이는 Claude 아티팩트와 일반 브라우저 모두에서 작동합니다.

Détails du développeur

Structure de fichiers