Claude Skill MartKhám phá skillSkill là gì?
Về danh sách

Nghệ thuật thuật toán (Algorithmic Art)

Chính thức

Skill chính thức giúp tạo nghệ thuật generative bằng p5.js với random có seed, kèm trình xem HTML tương tác để điều chỉnh tham số ngay lập tức.

Thiết kế · UITrung cấp167,13619,920Điểm AI 9/10Cập nhật lần cuối: 7 thg 8, 2026

Làm được gì

Skill này tạo tác phẩm nghệ thuật bằng code theo hai bước rõ ràng:

  1. Tuyên ngôn thuật toán (.md): đặt tên cho "trào lưu" thẩm mỹ (ví dụ "Quantum Harmonics", "Field Dynamics") và viết 4–6 đoạn mô tả cách biểu đạt qua noise, hạt, trường lực, quan hệ toán học.
  2. Triển khai p5.js (.html): chuyển tuyên ngôn đó thành code. Kết quả là một file HTML độc lập (p5.js lấy từ CDN), mở trực tiếp trong bất kỳ trình duyệt.

Trình xem có: hiển thị seed, nút Prev/Next/Random, nhập seed để nhảy tới, các slider tham số, bộ chọn màu, nút Regenerate / Reset / Download PNG. Vì luôn dùng randomSeed()noiseSeed(), cùng một seed luôn cho ra cùng một hình — rất tiện để duyệt hàng trăm biến thể theo kiểu Art Blocks.

Phù hợp với ai

  • Người muốn thử flow field, hệ hạt, Voronoi, L-system mà không phải viết code từ đầu
  • Designer cần nhiều biến thể hình nền trừu tượng cho poster, slide, merch
  • Người đang học p5.js và cần code mẫu có cấu trúc tốt
  • Nhóm cần hình ảnh gốc, tránh sao chép tác phẩm của nghệ sĩ khác (an toàn bản quyền)

Ví dụ sử dụng

  • "Tạo tác phẩm generative lấy cảm hứng từ dòng hải lưu sâu" → flow field nhiều lớp Perlin noise, vệt hạt tích tụ, kèm slider số hạt và độ nhiễu
  • "Tôi cần 100 background poster theo 3 màu thương hiệu" → mở viewer, đổi màu bằng color picker, bấm Next qua seed 1–100 và tải PNG những cái đẹp nhất
  • "Làm hình dạng cây bằng phân nhánh đệ quy" → thuật toán L-system/chia nhỏ đệ quy với tham số góc nhánh, độ sâu, độ dày nét

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

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 skills/algorithmic-art từ repo GitHub anthropics/skills vào ~/.claude/skills/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/anthropics/skills.git /tmp/anthropic-skills && mkdir -p ~/.claude/skills && cp -r /tmp/anthropic-skills/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 (macOS/Linux) hoặc Git Bash (Windows).
  2. Tải repo skill: git clone https://github.com/anthropics/skills.git
  3. Tạo thư mục skill nếu chưa có: mkdir -p ~/.claude/skills
  4. Copy toàn bộ thư mục (bắt buộc, vì cần file template): cp -r skills/skills/algorithmic-art ~/.claude/skills/
  5. Kiểm tra: ls ~/.claude/skills/algorithmic-art phải thấy SKILL.mdtemplates/viewer.html.
  6. Khởi động lại Claude Code, rồi yêu cầu: "tạo algorithmic art dạng flow field" — skill sẽ tự được gọi.
  7. Mở file HTML vừa tạo bằng trình duyệt, kéo slider và bấm nút seed để khám phá các biến thể.