blockbench-plugins
Provides APIs and structure for creating and debugging JavaScript plugins for the Blockbench 3D editor.
Install
mkdir -p .claude/skills/blockbench-plugins && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/15347" && unzip -o skill.zip -d .claude/skills/blockbench-plugins && rm skill.zipInstalls to .claude/skills/blockbench-plugins
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Blockbench plugin/extension development for the 3D modeling tool. Use when creating, modifying, or debugging JavaScript plugins for Blockbench including actions, dialogs, panels, menus, toolbars, model manipulation, animation APIs, and custom formats/codecs. Triggers on Blockbench plugin, Blockbench extension, Blockbench API, BBPlugin, model editor plugin, or 3D modeling tool extension.Key capabilities
- →Create clickable commands with actions
- →Display forms and dialogs
- →Add sidebar panels with Vue components
- →Modify model elements with undo support
- →Implement custom import/export formats
- →Register plugins with metadata
How it works
This skill guides the development of Blockbench plugins by providing templates and API usage for creating UI elements, interacting with the model, and handling events.
Inputs & outputs
When to use blockbench-plugins
- →Creating a custom Blockbench tool
- →Building a UI plugin for modeling
- →Extending Blockbench functionality
About blockbench-plugins
Facilitates building plugins with custom toolbars, UI panels via Vue, and model manipulation through THREE.js, ensuring integration with the Blockbench core.
Blockbench plugin/extension development for the 3D modeling tool. Use when creating, modifying, or debugging JavaScript plugins for Blockbench including actions, dialogs, panels, menus, toolbars, model manipulation, animation APIs, and custom formats/codecs. Triggers on Blockbench plugin, Blockbench
When not to use it
- →When developing for a 3D modeling tool other than Blockbench
- →When the task does not involve JavaScript plugin development
- →When the goal is to bundle built-in libraries like THREE.js or Vue
Limitations
- →Plugins must be written in JavaScript
- →Plugins run within Blockbench's Electron or web PWA environment
- →All components must be deleted in onunload() to prevent memory leaks
How it compares
This skill provides specific Blockbench API calls and structural templates for plugin development, unlike general JavaScript programming.
Compared to similar skills
blockbench-plugins side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| blockbench-plugins (this skill) | 0 | 4mo | Review | Intermediate |
| obj-exporter | 3 | 8mo | No flags | Intermediate |
| zustand | 113 | 3mo | No flags | Intermediate |
| turborepo | 61 | 3mo | Review | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
You might also like
obj-exporter
benchflow-ai
Three.js OBJExporter utility for exporting 3D geometry to Wavefront OBJ format. Use when converting Three.js scenes, meshes, or geometries to OBJ files for use in other 3D software like Blender, Maya, or MeshLab.
zustand
lobehub
Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.
turborepo
vercel
Turborepo monorepo build system guidance. Triggers on: turbo.json, task pipelines, dependsOn, caching, remote cache, the "turbo" CLI, --filter, --affected, CI optimization, environment variables, internal packages, monorepo structure/best practices, and boundaries. Use when user: configures tasks/workflows/pipelines, creates packages, sets up monorepo, shares code between apps, runs changed/affected packages, debugs cache, or has apps/packages directories.
vitest
antfu
Vitest fast unit testing framework powered by Vite with Jest-compatible API. Use when writing tests, mocking, configuring coverage, or working with test filtering and fixtures.
typescript-write
metabase
Write TypeScript and JavaScript code following Metabase coding standards and best practices. Use when developing or refactoring TypeScript/JavaScript code.
react
lobehub
React component development guide. Use when working with React components (.tsx files), creating UI, using @lobehub/ui components, implementing routing, or building frontend features. Triggers on React component creation, modification, layout implementation, or navigation tasks.