# fiftyone-develop-plugin

> Claude/Codex skill by [@voxel51](https://omgskills.com/library/voxel51/index.md) · 47 stars · Updated 2026-10-18

Develops custom FiftyOne plugins (operators and panels) from scratch. Use when creating plugins, extending FiftyOne with custom operators, building interactive panels, or integrating external APIs.

## Install

```sh
git clone https://github.com/voxel51/fiftyone-skills /tmp/fiftyone-skills && ln -s /tmp/fiftyone-skills/skills/fiftyone-develop-plugin ~/.claude/skills/fiftyone-develop-plugin
```

## From README

Develop FiftyOne Plugins TL;DR — Read This First Step 1: Decide what you're building. | Goal | Type | Read next | |------|------|-----------| | Run a computation, process samples, trigger actions | Operator | PYTHON-OPERATOR.md | | Persistent panel in the grid, simple/form UI | Python Panel | PYTHON-PANEL.md | | Persistent panel in the grid, rich/interactive UI | Hybrid Panel | HYBRID-PLUGINS.md + JAVASCRIPT-PANEL.md | | Panel that opens inside the sample modal | JS Modal Panel | JAVASCRIPT-PANEL.md | Step 2: Read that file NOW — before generating any code. Each file contains patterns that are not in SKILL.md. Missing them causes the most common failures (wrong default= , handler binding errors, panel not appearing in App). If something isn't rendering or you hit an error: Read TROUBLESHOOTING.md for the one-shot diagnostic command, reload vs restart table, and the top 5 error patterns with exact fixes.

## Links

- HTML page: https://omgskills.com/library/voxel51/fiftyone-skills/skills/fiftyone-develop-plugin/
- GitHub: https://github.com/voxel51/fiftyone-skills
- Author: [@voxel51](https://omgskills.com/library/voxel51/index.md)

## More from this repo

- [fiftyone-app-playwright](https://omgskills.com/library/voxel51/fiftyone-skills/skills/fiftyone-app-playwright/index.md) — Used when driving the FiftyOne App via the Playwright MCP — plugin/operator verification, demo or screencast recording,...
   - [@voxel51](https://omgskills.com/library/voxel51/index.md) · 47 stars
- [fiftyone-code-style](https://omgskills.com/library/voxel51/fiftyone-skills/skills/fiftyone-code-style/index.md) — Writes Python code following FiftyOne's official conventions.
   - [@voxel51](https://omgskills.com/library/voxel51/index.md) · 47 stars
- [fiftyone-dataset-curation](https://omgskills.com/library/voxel51/fiftyone-skills/skills/fiftyone-dataset-curation/index.md) — End-to-end dataset curation for FiftyOne: inspect schema and quality, audit annotations, analyze class distributions,...
   - [@voxel51](https://omgskills.com/library/voxel51/index.md) · 47 stars