// Use when writing or reviewing vbi_builder scripts for VBI Chart, Report, or Insight builders inside VBI Agent.
| name | vbi-builder |
| description | Use when writing or reviewing vbi_builder scripts for VBI Chart, Report, or Insight builders inside VBI Agent. |
| version | 1.0.0 |
| tags | ["builder","dsl"] |
| tools | ["vbi_builder"] |
| capabilities | ["write Builder workspace scripts","inspect and mutate VBI Chart, Report, and Insight DSL","inspect VBIChartDSL, VBIQueryDSL, and VBISeedDSL outputs"] |
| references | ["chart-builder","report-builder","insight-builder"] |
Use this skill before writing or reviewing non-trivial vbi_builder scripts.
chart-builder.report-builder.insight-builder.Call vbi_builder with JavaScript. The script runs as an async function.
Globals:
workspace: injected Builder workspace.chart: optional chart workspace slot with open(id?).report: optional report workspace slot with open(id?).json(value): return value as the tool result.assert(condition, message): throw a clear tool error when a precondition fails.console.log/warn/error: captured into tool logs.Opening resources:
open(id).Result rules:
json({ ... }) with only the information needed by the next step.build() for editable DSL, buildVQuery() for query DSL, buildVSeed() for render DSL.reportBuilder.snapshot() only when referenced chart or insight DSLs are needed.assert instead of returning ambiguous partial state.chart.open(id?) or report.open(id?).build(), buildVQuery(), or buildVSeed() as needed.build() before destructive updates.assert(condition, message) for missing fields, ids, pages, or builders.json(value).chart-builder: VBIChartBuilder, dimensions, measures, filters, theme, locale, limit, and chart examples.report-builder: VBIReportBuilder page composition, snapshots, and report examples.insight-builder: VBIInsightBuilder content editing and insight examples.Read only the references needed for the current task.
Use for VBI monorepo development: apps, packages, practices, website documentation, repository-level workflows, generated artifacts, validation commands, source-of-truth decisions, software entropy control, maintainability, refactoring, dead-code deletion, and constraining messy LLM-generated code.
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".
Tailwind CSS utility-first CSS framework. Use when styling web applications with utility classes, building responsive designs, or customizing design systems with theme variables.
Use when the user asks for analysis that should iterate through multiple hypotheses, experiments, and validation instead of jumping to one answer.
Use when the user's task involves Ant Design (antd) — writing antd components, debugging antd issues, querying antd APIs/props/tokens/demos, migrating between antd versions, or analyzing antd usage in a project. Triggers on antd-related code, imports from 'antd', or explicit antd questions.