菜单
three_dart geometry — BoxGeometry, SphereGeometry, BufferGeometry, custom geometry, instancing in Flutter. Use when creating 3D shapes, building custom meshes, or using instanced rendering in a Flutter three_dart scene.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Browser automation and testing using playwright-cli (stateful Bash CLI for scripted tests — network inspection, console monitoring, screenshots, tracing) and Browser-Use MCP (autonomous agent flows). Use when the user needs to test web apps, debug browser issues, analyze performance, fill forms, run E2E user flows, or inspect network/console activity.
Use when working through a specific problem or decision using a single reasoning framework applied deeply and interactively. Covers First Principles (break assumptions, rebuild from truth), Inversion (guarantee failure, then flip), Regret Minimization (decide from age 80), and Opportunity Cost (make tradeoffs visible). Triggers: "first principles", "inversion", "regret minimization", "opportunity cost", "help me think through", "challenge my assumptions", "what am I giving up", "work backwards from failure", "what would I regret".
Use when stuck on any problem or decision and need frameworks that actually apply to the specific situation — not a generic list. Selects the three most relevant mental models for the problem at hand and applies each one to produce a specific insight. Triggers: "apply mental models", "I'm stuck on", "need a framework for", "different perspective on", "mental model", "thinking framework", "perspective shift", "been thinking about this too long".
Use before any significant decision, when analyzing a trend, or when evaluating the impact of any action beyond the obvious. Maps first, second, and third order consequences — the effects of the effects that most people miss. Triggers: "second order effects", "map consequences", "think ahead", "what happens after", "downstream effects", "systems thinking", "analyze this decision", "what are the ripple effects".
Use when you need to explain any piece of code for handoff, onboarding, or knowledge transfer — produces a dual-audience explanation (user-facing and modifier-facing) plus the fragile part and key assumption. Triggers: "explain this code", "what does this do", "help me understand", "onboard someone to", "document this", "explain for handoff", "code walkthrough".
Use when reviewing someone else's PR or preparing your own review comments for posting to GitHub. Implements a two-stage approval process — internal rich analysis first, human approval gate, then clean public posting. Nothing posts to GitHub until you explicitly approve. Triggers: "review this PR", "post a PR review", "review PR #N", "give feedback on PR", "submit a code review", "pr comment".
| name | three-dart-geometry |
| allowed-tools | Read, Glob |
| description | three_dart geometry — BoxGeometry, SphereGeometry, BufferGeometry, custom geometry, instancing in Flutter. Use when creating 3D shapes, building custom meshes, or using instanced rendering in a Flutter three_dart scene. |
Always call geometry.computeVertexNormals() after building custom BufferGeometry — without normals, MeshStandardMaterial renders as flat black.
import 'package:three_dart/three_dart.dart' as THREE;
// Box
final box = THREE.BoxGeometry(1, 1, 1); // width, height, depth
final boxSeg = THREE.BoxGeometry(2, 2, 2, 4, 4, 4); // with segments
// Sphere
final sphere = THREE.SphereGeometry(1, 32, 16); // radius, widthSeg, heightSeg
// Cylinder
final cylinder = THREE.CylinderGeometry(0.5, 0.5, 2, 32); // radiusTop, radiusBottom, height, segments
// Plane
final plane = THREE.PlaneGeometry(5, 5, 10, 10); // width, height, wSeg, hSeg
// Torus
final torus = THREE.TorusGeometry(1, 0.4, 16, 100); // radius, tube, radSeg, tubeSeg
// Circle
final circle = THREE.CircleGeometry(1, 32);
// Cone
final cone = THREE.ConeGeometry(0.5, 2, 32);
final geometry = THREE.BufferGeometry();
// Vertices (Float32Array equivalent)
final vertices = THREE.Float32Array.fromList([
-1.0, -1.0, 0.0, // vertex 0
1.0, -1.0, 0.0, // vertex 1
0.0, 1.0, 0.0, // vertex 2
]);
// Normals
final normals = THREE.Float32Array.fromList([
0, 0, 1,
0, 0, 1,
0, 0, 1,
]);
// UVs
final uvs = THREE.Float32Array.fromList([
0, 0,
1, 0,
0.5, 1,
]);
geometry.setAttribute('position', THREE.BufferAttribute(vertices, 3));
geometry.setAttribute('normal', THREE.BufferAttribute(normals, 3));
geometry.setAttribute('uv', THREE.BufferAttribute(uvs, 2));
// Indexed geometry
final indices = THREE.Uint16Array.fromList([0, 1, 2]);
geometry.setIndex(THREE.BufferAttribute(indices, 1));
geometry.computeVertexNormals();
// Bounding box/sphere
geometry.computeBoundingBox();
geometry.computeBoundingSphere();
final box3 = geometry.boundingBox!;
// Center geometry at origin
geometry.center();
// Merge geometries
final merged = THREE.BufferGeometryUtils.mergeBufferGeometries([geo1, geo2]);
// Clone
final clone = geometry.clone();
Use for many identical objects (trees, particles, crowds). Single draw call.
final geometry = THREE.SphereGeometry(0.1, 8, 8);
final material = THREE.MeshStandardMaterial({'color': 0xffffff});
final count = 1000;
final instancedMesh = THREE.InstancedMesh(geometry, material, count);
final matrix = THREE.Matrix4();
final position = THREE.Vector3();
final quaternion = THREE.Quaternion();
final scale = THREE.Vector3(1, 1, 1);
for (int i = 0; i < count; i++) {
position.set(
(math.Random().nextDouble() - 0.5) * 20,
(math.Random().nextDouble() - 0.5) * 20,
(math.Random().nextDouble() - 0.5) * 20,
);
matrix.compose(position, quaternion, scale);
instancedMesh.setMatrixAt(i, matrix);
}
instancedMesh.instanceMatrix.needsUpdate = true;
scene.add(instancedMesh);
three-dart-fundamentals — scene setup and rendererthree-dart-materials — apply materials to geometry