vizcraft-sandbox-plugin

Build sandbox-style VizCraft plugins with dynamic component toggles and adaptive narratives.

Updated Mar 31, 2026
One-click install
npx skills add https://github.com/ChipiKaf/system-design-architecture-playground --skill vizcraft-sandbox-plugin
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vizcraft-sandbox-plugin
Source: https://github.com/ChipiKaf/system-design-architecture-playground/tree/main/.copilot/skills/vizcraft-sandbox-plugin
Command: npx skills add https://github.com/ChipiKaf/system-design-architecture-playground --skill vizcraft-sandbox-plugin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Enables building sandbox-style VizCraft plugins where users dynamically add or remove components and the narrative adapts.

Core Features & Use Cases

  • Declarative Flow Engine to define steps and animation flows as data
  • Dynamic scene builder that adapts to which components are present
  • Controls panel and pattern-driven topologies for interactive demos
  • Metrics-aware visuals and responsive layout that reflect topology changes

Quick Start

Use this skill to scaffold a new sandbox plugin with dynamic components and a responsive VizCraft scene.

Frequently Asked Questions about vizcraft-sandbox-plugin

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a sandbox plugin where adding or removing components dynamically updates the scene?

To build a dynamic scene sandbox plugin, this skill provides a declarative flow engine where components can be added or removed. The narrative and visuals adapt automatically based on the active topology. It supports interactive architecture demos and responsive layouts.

What is a declarative flow engine for interactive scene construction?

A declarative flow engine defines steps and animation flows as data rather than code. This approach allows you to configure dynamic scenes and pattern-driven topologies. It enables metrics-aware visuals that respond to component changes in a sandbox environment.

How do I create a controls panel that drives topology changes in an interactive demo?

You create a controls panel by using the component-prerequisite and cascade system provided by this skill. Toggling controls resets and dynamically updates the scene topology. This workflow ensures narrative steps adapt to the presence of newly added components.

Can I define animation flows as data for dynamic components without hardcoding?

Yes, you can define animation flows as data using the declarative steps configuration. A generic animation hook applies these flows to the dynamic scene rendering. This ensures the visuals update correctly when the underlying component topology changes.

Does this sandbox plugin approach work for interactive architecture demos?

Yes, this approach is specifically designed for interactive architecture demos and dynamic scene construction. It uses metrics-aware visuals and responsive layouts to reflect topology changes. The controls-panel driven workflow adapts the narrative steps as components are toggled.