Notre avis

Cette compétence permet de créer des illustrations isométriques de style Crossy Road en voxels en utilisant un système CAD natif IA avec des outils MCP spécialisés et une géométrie basée sur le code.

Points forts

Permet un prototypage rapide de scènes isométriques en voxels via le code.
Offre un contrôle précis de la géométrie, des couleurs et de l'ordre z pour l'empilement isométrique.
S'intègre à l'environnement CAD natif IA pour une conception itérative et un retour visuel immédiat.
Inclut des palettes de couleurs prédéfinies et des fonctions pour des motifs de voxels courants.

Limites

Nécessite une familiarité avec des fonctions CAD spécifiques au domaine et des systèmes de coordonnées.
Limité aux formes de voxels simples ; inadapté aux modèles 3D complexes ou organiques.
Les capacités de rendu et de capture peuvent être limitées par l'environnement sandbox CAD.

Quand l'utiliser

Utilisez cette compétence lorsque vous devez générer par programmation des illustrations pixel/voxel isométriques avec une esthétique de jeu cohérente, comme pour des actifs de prototype ou des arrière-plans de niveau.

Quand l'éviter

N'utilisez pas cette compétence pour le rendu 3D photoréaliste, la modélisation haute résolution ou les illustrations vectorielles.

Exemples

Isometric Grass and Road Scene

Create a simple isometric scene with a 10x10 grass patch, a 4x10 road running vertically, and a 2x2 water pond in one corner. Use the predefined palette for colors.

Voxel Tree

Build a voxel tree: a 2x2x4 trunk of brown cubes, topped with a 6x6x3 canopy of green cubes. Ensure correct z-order for isometric layering.

CAD Voxel Art Skill

name: cad-voxel description: Crossy Road 스타일 이소메트릭 복셀 아트 제작 globs:

"**/*.js" allowed-tools:
mcp__ai-native-cad__glob
mcp__ai-native-cad__read
mcp__ai-native-cad__edit
mcp__ai-native-cad__write
mcp__ai-native-cad__lsp
mcp__ai-native-cad__bash

개요

AI-Native CAD 시스템에서 Crossy Road 스타일 이소메트릭 복셀 아트를 제작하는 스킬입니다.

⚠️ 중요: 일반 Read/Write가 아닌 CAD 전용 MCP 도구를 사용하세요!

Rules

상세 규칙은 rules/ 디렉토리를 참조하세요.

🔧 도구 사용법 (Critical)

tools-mcp.md - MCP 도구 (glob, read, edit, write, lsp, bash)

📐 함수 레퍼런스 (Critical)

functions-primitives.md - 도형 생성 (drawCircle, drawRect, ...)
functions-transforms.md - 변환 (translate, rotate, scale, ...)
functions-style.md - 스타일, 그룹, 쿼리

🎨 Z-Order 패턴 (High)

zorder-internal.md - 오브젝트 내부 z-order
zorder-isometric.md - 이소메트릭 그룹간 정렬

📍 좌표 시스템 (High)

coords-local-group.md - 그룹 로컬 좌표 패턴

📝 문법 & 워크플로우 (Medium)

syntax-es5.md - ES5 호환성 규칙
workflow-design.md - 설계 체크 워크플로우

Quick Start

// 1. 기존 코드 확인
glob()
read({ file: 'main' })

// 2. 함수 스키마 조회
lsp({ operation: 'domains' })
lsp({ operation: 'describe', domain: 'primitives' })

// 3. 코드 작성 (자동 실행)
write({ file: 'main', code: "drawCircle('c', 0, 0, 50)" })

// 4. 결과 확인
bash({ command: 'capture' })

색상 팔레트

// RGBA (0~1 범위)
var PALETTE = {
  grass: [0.4, 0.8, 0.3, 1],
  road: [0.3, 0.3, 0.35, 1],
  water: [0.2, 0.5, 0.8, 1],
  wood: [0.5, 0.35, 0.2, 1]
};

참고 문서

cad-mcp-guide.md - 전체 도구/함수 가이드
cad-sandbox-workflow.md - 샌드박스 코딩 워크플로우

Art Voxel Isométrique CAD

Recommandé pour