VividKit Crystal clear AI coding
VI
Choose Your Setup Get Started with AgentKit Continue with ClaudeKit Migrate from ClaudeKit to AgentKit Clean cutover from ClaudeKit What Is AgentKit? How AgentKit Works AgentKit Kits, Skills, Agents & Hooks AgentKit Runtime Support AgentKit Desktop App AgentKit Configuration AgentKit CLI Quick Reference AgentKit Skills Cheatsheet AgentKit Workflows AgentKit Statusline Update AgentKit CLI & Kits AgentKit Helper Clean reinstall of AgentKit AgentKit Troubleshooting What is ClaudeKit? ClaudeKit CLI Guide Command Finder Commands Cheat Sheet Workflow Recipes CLI Quick Reference Claude Mechanics Permission Modes ClaudeKit Hooks Coexistence ClaudeKit x Codex CK → Other coding tools How ClaudeKit Works Inside ClaudeKit Finding Your Unknowns Session Recovery Fix from Logs UI/UX Guide Accounts Switcher IDE Config Remote Control Codex App System Diagramming UI Review Gate Promotions Support VividKit

Quick Ref / Command

Marketing Kit

/ak:dashboard

Marketing Dashboard launcher

Launches, builds, stops, and checks the Vue 3 + Hono marketing-dashboard app. Current product surface is Assets, Brand, and Settings — not campaign, content, or AI automation features.

01

Parse mode

02

Start dev

03

Build production

04

Serve production

Rule 01

Use dev mode for HMR and production mode only after a build exists.

Rule 02

Current app surface is Assets, Brand, and Settings; do not describe unimplemented campaign, content, or AI features as live.

Rule 03

Remember that data is local SQLite and API access is configured through the dashboard settings/session.

Execution Map

Core lanes from input to output, aligned with the command's real execution path.

01

Start

Input, scope, route

  1. 1 Parse mode Read the optional mode: dev by default, prod, build, stop, or check.
  2. 2 Start dev Launch frontend HMR and Hono API for local dashboard development.
02

Work

Agent / skill execution

  1. 3 Build production Use build mode when production assets must be generated before serving.
  2. 4 Serve production Use prod mode to serve the built Vue app from the API server.
03

Verify

Gate, review, validation

  1. 5 Check health Use check to inspect Marketing Dashboard server status and health endpoints.
  2. 6 Use dashboard Use Assets, Brand, and Settings only. The launcher feature list is not product authority; campaign boards, content generation, automation recipes, and AI endpoints are not implemented.
04

Close

Report, handoff, artifact

  1. 7 Store locally Keep dashboard data in the local SQLite database and API key through Settings or sessionStorage.
  2. 8 Stop servers Use stop when development or production servers are no longer needed.

Sample Prompt

Concrete invocations for each flag, subcommand, mode, or route available in the live workflow.

Start default Recommended 
/ak:dashboard
Use when:
Use for the default development dashboard with HMR.
Expected:
Frontend on localhost:5173 and API on localhost:3457.
Build 
/ak:dashboard build
Use when:
Use before serving optimized production assets.
Expected:
Production build artifacts for the dashboard.
Production 
/ak:dashboard prod
Use when:
Use after build when the API should serve the app.
Expected:
Application served from localhost:3457.
Check status 
/ak:dashboard check
Use when:
Use to inspect whether dashboard services are running.
Expected:
Server status from the check reference.
Stop 
/ak:dashboard stop
Use when:
Use when dashboard servers should be stopped.
Expected:
Running dashboard servers are stopped.

Handled Scope

  • Vue 3 frontend
  • Hono API
  • Assets
  • Brand
  • Settings
  • SQLite local data

Related skills

Next