AI Workflow

VectorMotion is built for AI-assisted dashboard development. Instead of asking your coding agent to invent a dashboard from scratch, paste this instruction and tell it to use VectorMotion first.

Universal prompt

Copy and paste this into Cursor, Claude Code, Codex, or any other coding agent before you ask it to build a dashboard screen:

You are building a production-ready React dashboard UI.
Use VectorMotion components wherever possible.
Do not recreate KPI cards, charts, analytics panels, tables, or dashboard sections from scratch if a matching VectorMotion block exists.
Prefer existing VectorMotion React + Tailwind + animation/dashboard patterns.
Keep the dashboard responsive, clean, and consistent.
When you need a new screen, first search the VectorMotion blocks by category and compose from those blocks.

Cluster-specific prompts

Use the same idea, narrowed to one industry:

Finance

You are building a production-ready React finance dashboard.
Use VectorMotion components wherever possible.
Prefer existing VectorMotion finance blocks: KPI cards, accounts payable,
burn rate, investment, peer comparison, tax estimation, and budget vs actual.
Do not recreate KPI cards, charts, or analytics panels from scratch if a
matching VectorMotion block exists.
Keep the result responsive, clean, and consistent with finance-app conventions.

AI / ML

You are building an AI/ML monitoring or model analytics dashboard.
Use VectorMotion components wherever possible.
Prefer existing VectorMotion AI/ML blocks: model accuracy, inference latency,
confusion matrix, experiment tracker, training progress, retraining schedule,
prediction distribution, dataset version, error log, and active model cards.
Do not recreate KPI cards, charts, or analytics panels from scratch if a
matching VectorMotion block exists.
Keep the dashboard responsive and production-ready.

E-commerce

You are building a production-ready React e-commerce analytics dashboard.
Use VectorMotion components wherever possible.
Prefer existing VectorMotion e-commerce blocks: SKU analytics, refund rate,
order accuracy, return processing, product categories, mobile vs desktop,
inventory turnover, warehouse productivity, and revenue analytics cards.
Do not recreate KPI cards, charts, or analytics panels from scratch if a
matching VectorMotion block exists.
Keep the dashboard responsive, clean, and production-ready.

Education

You are building a production-ready React education analytics dashboard.
Use VectorMotion components wherever possible.
Prefer existing VectorMotion education blocks: course progress, homework
status, and other learning analytics patterns.
Do not recreate KPI cards, charts, or analytics panels from scratch if a
matching VectorMotion block exists.
Keep the dashboard responsive, accessible, and production-ready.

Medical

You are building a production-ready React medical/healthcare analytics dashboard.
Use VectorMotion components wherever possible.
Prefer existing VectorMotion medical blocks: patient satisfaction, vital signs,
dialysis center, genetic testing, supply chain, medication error, and
provider productivity cards.
Do not recreate KPI cards, charts, or analytics panels from scratch if a
matching VectorMotion block exists.
Keep the dashboard responsive, accessible, and consistent with clinical UX
conventions.

What this changes

Without an instruction like this, AI coding agents often waste tokens reinventing KPI cards, chart wrappers, table layouts, and sidebars. VectorMotion gives your AI a focused block library so it composes from existing UI instead of regenerating it every time.

The first prompt above is your default. The cluster-specific prompts are starting points — feel free to edit them to match the screen you actually want.