Claude Skill MartKhám phá skillCâu dùng ngayHọc qua videoDùng terminalSkill là gì?
 
← Về danh sách

Nghệ thuật thuật toán (p5.js)

Skill viết trước một 'tuyên ngôn' thẩm mỹ thuật toán rồi hiện thực hóa thành tác phẩm p5.js tương tác dựa trên seed.

Ảnh · VideoTrung cấp★ 1,760⑂ 310Điểm AI 9/10Cập nhật lần cuối: 14 thg 7, 2026

Làm được gì

  • Diễn giải yêu cầu của bạn thành một triết lý nghệ thuật thuật toán dài 4–6 đoạn (file .md).
  • Chuyển triết lý đó thành tác phẩm p5.js đóng gói trong một file HTML duy nhất, chạy ngay trên trình duyệt.
  • Dùng randomSeed/noiseSeed nên cùng một seed luôn cho ra đúng một hình ảnh.
  • Tự dựng sidebar: seed trước/sau/ngẫu nhiên/nhảy tới seed, slider tham số, nút Regenerate, Reset, tải PNG.
  • Khuyến khích tạo thuật toán gốc thay vì sao chép tác phẩm của nghệ sĩ khác để tránh vi phạm bản quyền.

Phù hợp với ai

  • Lập trình viên, creative coder muốn vẽ bằng code
  • Designer/marketer cần ảnh series cho banner, poster, sản phẩm in
  • Người học các hệ sinh: particle system, flow field, Voronoi, L-system
  • Giảng viên cần demo tương tác mở là chạy, không cần server

Ví dụ sử dụng

  1. "Tạo tác phẩm flow field bằng Perlin noise với hàng nghìn hạt" → file triết lý 'Organic Turbulence' + viewer HTML có vệt hạt.
  2. "Cho tôi khám phá seed 1–100 của một cây phân nhánh đệ quy" → thuật toán L-system kèm điều hướng seed trong cùng một artifact.
  3. "Poster đơn sắc với các ô Voronoi kết tinh dần" → viewer không có color picker, chỉ có tham số mật độ/độ giãn và nút tải PNG.

· · · Hướng dẫn cài đặt · · ·

Dùng thử ngay, không cần cài

Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.

Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình:
https://raw.githubusercontent.com/Prat011/awesome-llm-skills/HEAD/algorithmic-art/SKILL.md

Mình muốn: (viết việc bạn cần ở đây)

Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.

↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.

Cài vào ứng dụng Claude (không cần terminal)
  1. Tải tệp ZIP bằng nút bên dưới.
  2. Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
  3. Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
↓ Tải ZIP
Cài vào Claude Code

Để Claude làm — dán câu dưới đây vào Claude Code

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.

Cài bằng lệnh thủ công

git clone https://github.com/Prat011/awesome-llm-skills.git && mkdir -p ~/.claude/skills && cp -r awesome-llm-skills/algorithmic-art ~/.claude/skills/

⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.

  1. Mở Terminal.
  2. Tải repo: git clone https://github.com/Prat011/awesome-llm-skills.git
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills
  4. Copy toàn bộ thư mục skill (bắt buộc kèm thư mục templates): cp -r awesome-llm-skills/algorithmic-art ~/.claude/skills/
  5. Kiểm tra: ls ~/.claude/skills/algorithmic-art/templates phải thấy viewer.html.
  6. Khởi động lại Claude Code và yêu cầu ví dụ: "tạo generative art bằng p5.js".
  7. Mở file HTML kết quả bằng trình duyệt, kéo slider và đổi seed để khám phá biến thể.
Xem mã nguồn trên GitHub ↗