القائمة
Develop MoldGen's React/Three.js/Tauri frontend. Use when working on UI components, 3D viewport, state management, hooks, or frontend/ TypeScript/TSX files.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Work with 3D mesh processing in MoldGen. Use when implementing geometry algorithms, mesh operations, mold building, orientation analysis, parting surfaces, or GPU kernels.
Develop and extend MoldGen's built-in Agent system. Use when creating new agents, adding tools to the registry, modifying agent routing, updating execution pipelines, or working with moldgen/ai/ files.
Develop MoldGen's Python/FastAPI backend. Use when working on API routes, core geometry algorithms, GPU kernels, configuration, or moldgen/ Python files.
| name | moldgen-frontend |
| description | Develop MoldGen's React/Three.js/Tauri frontend. Use when working on UI components, 3D viewport, state management, hooks, or frontend/ TypeScript/TSX files. |
src/stores/)src/hooks/)frontend/src/
├── App.tsx # Root layout
├── main.tsx # Entry point
├── components/
│ ├── layout/ # LeftPanel, Toolbar, etc.
│ ├── viewer/ # 3D viewport, simulation viewer
│ ├── ai/ # ChatBubble, AgentWorkstation
│ └── settings/ # SettingsDialog
├── stores/ # Zustand stores (appStore, modelStore, moldStore, aiStore, etc.)
├── hooks/ # React Query hooks (useModelApi, useMoldApi, useAgentApi, etc.)
└── lib/ # Utility functions (cn)
create() calluseQuery for reads, useMutation for writes/api/v1/ (proxied to FastAPI backend)cn() from lib/utils for conditional classesbg-bg-panel, text-text-primary, border-border, text-accentframer-motion for transitions and animationsSettingSlider, SettingSelect, SettingToggle, InfoRow in SettingsDialog<Canvas>, <mesh>, etc.aiStore and useAgentApi hooks