threejs-interaction – skill Khác cho agent AI
Tương tác trong Three.js - raycasting, controls, nhập liệu chuột/cảm ứng, chọn đối tượng. Dùng khi xử lý đầu vào người dùng, triển khai nhận diện click, thêm điều khiển camera hoặc tạo trải nghiệm 3D tương tác.
Cài skill threejs-interaction bằng một lệnh
Chọn công cụ bạn đang dùng, copy lệnh và dán vào terminal. Skill sẽ nằm trong thư mục skills của công cụ đó và sẵn sàng dùng ở phiên làm việc tiếp theo.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/threejs-interaction-280f1.tgz | tar xz -C ~/.claude/skills
Gọi trong Claude Code: /threejs-interaction – rồi mô tả công việc bạn muốn làm.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/threejs-interaction-280f1.tgz | tar xz -C ~/.codex/skills
Gọi trong Codex: $threejs-interaction – rồi mô tả công việc bạn muốn làm.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/threejs-interaction-280f1.tgz | tar xz -C ~/.hermes/skills
Gọi trong Hermes Agent: /threejs-interaction – rồi mô tả công việc bạn muốn làm.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/threejs-interaction-280f1.tgz | tar xz -C ~/.deepcode/skills
Gọi trong DeepSeek: /threejs-interaction – rồi mô tả công việc bạn muốn làm.
Nội dung SKILL.md
Nội dung SKILL.md gốc bằng tiếng Anh.
Three.js Interaction
Detailed Guide
Read [the detailed guide](references/detailed-guide.md) before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.
When to Use
- You need user interaction inside a Three.js scene.
- The task involves raycasting, object picking, pointer handling, touch input, or camera controls.
- You are building an interactive 3D experience rather than a passive render.
Example
Add pointer selection to this canvas using its bounding rectangle, test after resize/scroll and provide keyboard selection. Dispose listeners/controls on unmount and verify picking nested meshes.Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
Skill liên quan
- threejs-lighting – Ánh sáng trong Three.js - các loại đèn, bóng đổ, ánh sáng môi trường. Dùng khi thêm đèn…
- threejs-loaders – Tải tài nguyên trong Three.js - GLTF, texture, hình ảnh, mô hình, mẫu bất đồng bộ. Dùng…
- threejs-materials – Vật liệu trong Three.js - PBR, basic, phong, shader material, thuộc tính vật liệu. Dùng…
- threejs-textures – Texture trong Three.js - các loại texture, UV mapping, environment map, cài đặt texture…
- time-tracking – Sổ ghi thời gian: nhân viên, dự án, khách hàng, công việc, số giờ, cờ có tính phí, đơn…
- title-meta-length-counter – Bộ đếm độ dài Title & Meta. Dùng khi làm việc với title và/hoặc meta description.
- to-issues – Chia kế hoạch, spec hoặc PRD thành các issue độc lập có thể nhận làm trên hệ thống theo…
- to-prd – Biến cuộc trò chuyện hiện tại thành PRD và đăng lên hệ thống theo dõi issue của dự án…