vizcom – Design & UI skill for AI agents
AI-powered product design tool for transforming sketches into full-fidelity 3D renders.
Install the vizcom skill with one command
Pick the tool you use, copy the command and paste it in your terminal. The skill lands in that tool's skills folder and is ready in your next session.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/vizcom-3a06a.tgz | tar xz -C ~/.claude/skills
Call it in Claude Code: /vizcom – then describe the task you want done.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/vizcom-3a06a.tgz | tar xz -C ~/.codex/skills
Call it in Codex: $vizcom – then describe the task you want done.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/vizcom-3a06a.tgz | tar xz -C ~/.hermes/skills
Call it in Hermes Agent: /vizcom – then describe the task you want done.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/vizcom-3a06a.tgz | tar xz -C ~/.deepcode/skills
Call it in DeepSeek: /vizcom – then describe the task you want done.
SKILL.md content
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.
Related skills
- watch-igaming – Reviews a video link or local screen recording from transcript and scene-change frames…
- web-artifacts-builder – Create React frontend artifacts and bundle a reviewed project into a shareable HTML file.
- web-design-guidelines – Review files for compliance with Web Interface Guidelines.
- web-design-system – Choose a design direction for a website from real sites and write it down as a…
- web-games – Web browser game development. Framework selection (Phaser, PixiJS, Kaplay, Canvas/WebGL…
- web-media-getter – One query across free image / video / GIF APIs (stock + historical/archival + GIF…
- web-project-brainstorming – Masterclass framework for brainstorming web development projects and page designs…
- widget-based-design – Web and App implementation guide for Widget-Based Design. Trigger when user wants…