Tips & Tricks4 min read

AI Slash Commands: /styles, /data, and /config Explained

OT

OpenDash Team

February 20, 2026

AI Slash Commands Deep Dive

The OpenDash builder includes an AI chat panel that understands three slash commands. Each targets a different aspect of your widget.

/styles — CSS Styling

Use /styles to modify the visual appearance of a slot or widget.

Examples:

  • /styles make the background dark with rounded corners

  • /styles add a subtle shadow and increase padding

  • /styles use a gradient border from violet to cyan

    • The AI generates CSS that gets applied to the slot container. You can always fine-tune in the Code Editor.

    /data — Widget Data

    Use /data to change the data displayed by a widget.

    Examples:

  • /data update chart labels to Q1, Q2, Q3, Q4

  • /data add 5 more rows to the table

  • /data change the card title to Revenue Overview

    • /config — Widget Configuration

    Use /config to adjust widget-level settings.

    Examples:

  • /config change chart type from bar to line

  • /config enable pagination on the table

  • /config set the accent color to emerald

    • Pro Tips

  • You can chain commands: style first, then adjust data

  • The AI sees your current CSS and widget data for context

  • Use the Code Editor tab to inspect what the AI generated

  • Every AI change is saved — toggle Preview to see results

    • aislash-commandsstylingadvanced