본문으로 건너뛰기
cccskills
무료GitHub에 공개

3d-designer

Create 3D visuals with modeling, texturing, lighting, rendering, and optimization for web and product.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(1)

  • SKILL.md4.4 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Overview

3D design has moved from specialist VFX into everyday product work: marketing renders, product visualizations, AR assets, and web experiences. This skill covers the practical 3D pipeline — modeling, UVs/texturing, lighting, rendering — plus the optimization discipline needed for real-time and web delivery, where polygon budgets and load times rule.

When to use

  • Creating product renders or marketing visuals

  • Building 3D assets for web (WebGL) or AR

  • Designing 3D illustrations or abstract brand art

  • Preparing models for 3D printing or manufacturing viz

  • Optimizing 3D assets for performance

Core concepts

    • The pipeline. Model → UV unwrap → texture/material → light → render. Each stage builds on the last; skipping UVs or lighting and hoping the render saves you never works.
    • Topology matters. Clean quad-based topology with good edge flow deforms well (for animation) and subdivides cleanly. Triangles and n-gons are fine for static hard-surface work, poison for organic deformation.
    • PBR materials. Physically-based rendering: albedo, roughness, metalness, normal maps. Understand what each map does — 90% of "why does this look fake" is wrong roughness/metalness values.
    • Lighting is everything. Three-point lighting fundamentals, HDRI environments for realism, and the truth that great lighting saves mediocre models while bad lighting kills great ones. Study real-world light behavior.
    • Composition and camera. 3D scenes follow photographic rules: focal length choices (wide = dramatic, long = compressed), rule of thirds, depth of field for focus. Render like a photographer, not a technician.
    • Optimization for delivery. Web/AR assets need: low poly counts, baked textures, efficient materials, Draco/meshopt compression, and LODs. A 50MB model is a failed web asset regardless of beauty.

Practical workflow

    1. Define the output. Still render? Turntable? Real-time web? AR? Print? The deliverable determines the entire pipeline (a web asset and a billboard render are different projects).
    1. Block out first. Rough primitive shapes establishing proportions and composition. Get the silhouette and camera right before any detail — 80% of a model's read is silhouette.
    1. Model with intent. Hard-surface: bevels catch highlights (never leave razor-sharp CG edges — real objects have micro-bevels). Organic: clean topology, reference anatomy. Keep poly counts appropriate to the output.
    1. UV and texture. Unwrap with minimal stretching, pack efficiently, paint or source PBR textures. For stylized work: define the material language (flat colors? gradients? toon shading?) and stay consistent.
    1. Light the scene. Key light (direction + mood), fill (soften shadows), rim (separation from background), environment (HDRI for reflections/ambient). Iterate lighting before final materials tweaks.
    1. Render and post. Appropriate samples (kill noise without wasting hours), render passes if compositing, then color grade: contrast, color balance, vignette. Post-production is where renders get their final 20%.
    1. Optimize for the target. Decimate/retopologize for real-time, bake high-poly detail to normal maps, compress textures (KTX2/Basis for web), test load time and frame rate on target devices.

Common pitfalls

    • No bevels. Razor-sharp edges scream "CG." Real-world edges catch light — micro-bevels are the cheapest realism upgrade.
    • Bad lighting. Flat, single-source, or default lighting. Spend half your time on lighting; it's the highest-leverage stage.
    • Texture stretching and seams. Visible UV seams and stretched textures break immersion. Check UVs on a checker texture before final texturing.
    • Ignoring scale. Modeling without real-world units produces wrong-looking light falloff, depth of field, and physics. Model to scale, always.
    • Over-detailed for the output. Million-poly sculpts for a 200px web thumbnail. Match effort to the deliverable's actual resolution.
    • No art direction. Technically fine renders with no mood, story, or composition. 3D is a visual medium — direct it like one: what's the feeling, what's the focal point?

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Master 1Password: vaults, Watchtower, passkeys, SSH agent, CLI, and family/team administration. Use when getting full value from 1Password personally or administering it for others.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

aicodedecode/awesome-muse-skills242026년 10월 10일 업데이트

Create 3D web experiences: scene setup, models, materials, lighting, animation, scroll-driven scenes, and performance budgets. Use when adding 3D to websites beyond basic demos.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

aicodedecode/awesome-muse-skills242026년 10월 10일 업데이트

Writing abstracts that get papers read — structured content, the 5-sentence core, and journal-specific constraints.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

aicodedecode/awesome-muse-skills242026년 10월 10일 업데이트

Learn effectively from courses and academies: choosing programs, studying actively, and converting courses into skills. Use when investing time/money in structured learning.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

aicodedecode/awesome-muse-skills242026년 10월 10일 업데이트

Audit designs for accessibility with WCAG checklists covering color, type, focus, motion, and content.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

aicodedecode/awesome-muse-skills242026년 10월 10일 업데이트

Run ABM programs — target account selection, personalized campaigns, sales orchestration, and account-level measurement.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

aicodedecode/awesome-muse-skills242026년 10월 10일 업데이트

aicodedecode의 스킬 모두 보기

이 스킬의 문제 신고