Algorithmic Art (Nghệ thuật sinh tạo bằng p5.js)

Làm được gì

Khi bạn yêu cầu "vẽ tranh bằng code", "generative art", "flow field" hay "particle system", skill này thực hiện hai bước:

1. Triết lý thuật toán (.md): viết một bản tuyên ngôn 4–6 đoạn định hướng thẩm mỹ cho tác phẩm (ví dụ "Organic Turbulence", "Quantum Harmonics").
2. Triển khai p5.js (.html): chuyển triết lý đó thành thuật toán, đóng gói trong một file HTML tự chứa (p5.js lấy từ CDN) kèm sidebar có điều hướng seed (prev/next/random/nhập seed), thanh trượt tham số, bộ chọn màu và các nút Regenerate / Reset / Download PNG.

Skill bắt buộc dùng randomSeed/noiseSeed để cùng một seed luôn cho ra cùng một kết quả (kiểu Art Blocks), và yêu cầu tạo thuật toán gốc thay vì bắt chước tác phẩm của nghệ sĩ khác.

Phù hợp với ai

• Người mới học creative coding, muốn có code p5.js mẫu chạy được ngay
• Designer cần nhanh chóng tạo hình ảnh nền, poster, artwork tham số hóa
• Lập trình viên muốn có sẵn UI điều khiển tham số cho các thí nghiệm đồ họa
• Giáo viên minh họa noise, vector field, L-system một cách trực quan

Ví dụ sử dụng

• Ví dụ 1: "Tạo flow field trông như dòng hải lưu" → trường vector từ Perlin noise nhiều lớp, hàng nghìn hạt để lại vệt, kèm slider số hạt và noise scale.
• Ví dụ 2: "Tác phẩm kiểu kết tinh Voronoi, cho tôi xem 100 biến thể" → thuật toán relaxation/packing + điều hướng seed 1–100 trong cùng một file.
• Ví dụ 3: "Cấu trúc phân nhánh đệ quy giống cây, xuất PNG" → L-system với tham số góc nhánh, độ sâu đệ quy và nút tải ảnh.

Hãy cài skill mình tìm thấy trên Claude Skill Mart.
Copy thư mục algorithmic-art từ repo GitHub Prat011/awesome-llm-skills vào ~/.claude/skills/prat011-algorithmic-art/ của mình.
Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.