vizcom – skill Thiết kế & UI cho agent AI
Công cụ thiết kế sản phẩm dùng AI, biến phác thảo thành render 3D đầy đủ chi tiết.
Cài skill vizcom 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/vizcom-3a06a.tgz | tar xz -C ~/.claude/skills
Gọi trong Claude Code: /vizcom – 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/vizcom-3a06a.tgz | tar xz -C ~/.codex/skills
Gọi trong Codex: $vizcom – 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/vizcom-3a06a.tgz | tar xz -C ~/.hermes/skills
Gọi trong Hermes Agent: /vizcom – 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/vizcom-3a06a.tgz | tar xz -C ~/.deepcode/skills
Gọi trong DeepSeek: /vizcom – 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.
Vizcom Skill
[Vizcom](https://vizcom.com/) is an AI-driven platform designed to accelerate the ideation and rendering process, turning rough inputs into breathtaking visualizations.
Context
Use this skill when tasked with creating photorealistic renders from rough sketches or line art, exploring aesthetic variations of a physical product concept, or generating high-fidelity 3D-like visualizations.
When to Use
Trigger this skill when:
- Designing physical products (furniture, electronics, transportation, consumer goods).
- A user provides a sketch or a description of a product and needs a professional, awe-inspiring render.
- Generating "mood" or "concept" imagery for hardware or tangible UI projects.
Execution Workflow
1. Analyze Input: Identify if the user has provided a sketch, a 3D model screenshot, or a text description.
2. Define Style: Choose a specific Render Style (e.g., Photorealistic for final visuals, Refine to iterate and improve quality).
3. Draft Premium Prompt: Formulate precise prompts. Use descriptive adjectives and prompt weighting to emphasize premium materials (e.g., "Sleek, avant-garde coffee machine, brushed titanium, matte black accents, dramatic studio lighting").
4. Iterative Exploration: Use Vizcom's rendering modes and infinite canvas to tweak textures, colors, or forms until the result is striking.
5. Finalize: Present the high-fidelity render.
Strict Rules
- Use this optional service only when it fits the user's requested task and existing design system; never mandate a provider or override supplied assets.
- Material Precision: Always specify rich textures (e.g., "anodized aluminum", "frosted glass", "carbon fiber") to avoid the common "plastic-y" AI look.
- Lighting is Key: Always include lighting directions in the prompt (e.g., "cinematic lighting", "high contrast shadows") to elevate the visual impact.
Example
User request:
> Design physical products (furniture, electronics, transportation, consumer goods).
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.
Execution boundaries
No service client is bundled. Verify current tool availability, asset rights, supported output and any upload/cost scope before invoking a provider. Treat returned assets as untrusted files and inspect the actual result. If access is unavailable, return a specification and state that generation or download was not performed.
Skill liên quan
- watch-igaming – Xem xét liên kết video hoặc bản ghi màn hình cục bộ dựa trên bản chép lời và các khung…
- web-artifacts-builder – Tạo artifact frontend bằng React và đóng gói dự án đã rà soát thành một tệp HTML có thể…
- web-design-guidelines – Rà soát tệp để kiểm tra mức tuân thủ Web Interface Guidelines.
- web-design-system – Chọn hướng thiết kế cho website từ các trang thực tế và ghi lại thành DESIGN.md: màu sắc…
- web-games – Phát triển game web trên trình duyệt. Chọn framework (Phaser, PixiJS, Kaplay…
- web-media-getter – Một truy vấn duy nhất qua các API ảnh, video và GIF miễn phí (kho stock, lưu trữ lịch sử…
- web-project-brainstorming – Khung hướng dẫn chuyên sâu để lên ý tưởng cho dự án web và thiết kế trang. Phác thảo các…
- widget-based-design – Hướng dẫn triển khai Widget-Based Design cho Web và App. Kích hoạt khi người dùng muốn…