Agent skill · software engineering · aiskillstore
fiftyone-develop-plugin
Develop custom FiftyOne plugins (operators and panels) from scratch. Use when user wants to create a new plugin, extend FiftyOne with custom operators, build interactive panels, or integrate external APIs into FiftyOne. Guides through requirements, design, coding, testing, and iteration.
Why this skill is useful
Provides specific coding patterns and integration steps for developing custom FiftyOne plugins that the AI wouldn't reliably generate on its own.
What it needs
Requires fiftyone, node, python installed locally. About 3k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Develop FiftyOne Plugins Overview Create custom FiftyOne plugins with full lifecycle support: requirements gathering, code generation, local testing, and iterative refinement. Use this skill when: User asks to create/build/develop a FiftyOne plugin User wants to add custom functionality to FiftyOne App User needs to integrate an external API or service Prerequisites FiftyOne installed (pip install fiftyone) Python 3.8+ (for Python plugins) Node.js 16+ (only for JavaScript panels) Key Directives ALWAYS follow these rules: 1. Understand before coding Ask clarifying questions. Never assume what the plugin should do. 2. Plan before implementing Present file structure and design. Get user approval before generating code. 3. Search existing plugins for patterns 4. Test locally before done Install plugin and verify it works in FiftyOne App. 5. Iterate on feedback Refine until the plugin works as expected. Workflow Phase 1: Requirements Ask these questions: 1. "What should your plugin do?" (one sentence) 2. "Operator (action) or Panel (interactive UI)?" 3. "What inputs from the user?" 4. "What outputs/results?" 5. "External APIs or secrets needed?" 6. "Background execution for long tasks?" Phase 2: Design 1. Search existing plugins for similar patterns 2. Create plan with: Plugin name (@org/plugin-name) File structure Operator/panel specs Input/output definitions 3. Get user approval before coding See PLUGIN-STRUCTURE.md for file formats. Phase 3: Generate Code Create these files: File Required Purpose ------ ---------- --------- fiftyone.yml Yes Plugin manifest init.py Yes Python operators/panels requirements.txt If deps Python dependencies package.json JS only Node.js metadata src/index.tsx JS only React components Reference docs: PYTHON-OPERATOR.md PYTHON-PANEL.md JAVASCRIPT-PANEL.md Phase 4: Install & Test Test in App: Phase 5: Iterate 1. Get user feedback 2. Fix issues 3. Re-copy to plugins directory 4. Restart App if needed 5. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/fiftyone-develop-plugin