VOODO Design#

Build FiftyOne plugin UIs using VOODO (@voxel51/voodo), the official React component library.

Install#

curl -sL skil.sh | sh -s -- voxel51/fiftyone-skills

When prompted, select fiftyone-voodo-design from the menu.

Requirements#

FiftyOne
Node.js 18+
Familiarity with React and FiftyOne plugin development

Usage#

Ask your AI assistant:

"Build a panel that shows a bar chart of class distributions using VOODO"
"Create a settings form for my plugin using VOODO components"
"Style this plugin panel to match the FiftyOne design system"

The skill fetches the complete VOODO component API reference before writing any code, ensuring it uses the correct design tokens, component props, and composition patterns.

Example#

"Create a FiftyOne panel with a search input and a scrollable list of results using VOODO"

The skill will generate a React component using VOODO’s Input, ScrollArea, and layout components with the correct design tokens.

See also#