Canvas Experiences

Plugin canvas-web-experiences in Gabeujin/codex-plugins. Commands read from the repo's manifest — 8 days ago.

Skills (10)

• canvas-2d-graphics

  Build and optimize Canvas 2D experiences including illustration, animation, image tools, data graphics, particle systems, sprite games, vector editors, and creative portfolios. Use when selecting or implementing Canvas 2D, PixiJS, Phaser, Paper.js, Fabric.js, Konva, p5.js, or a custom 2D renderer.

• canvas-3d-spatial

  Build WebGL or WebGPU 3D experiences for portfolios, product visualization, games, digital twins, CAD/BIM, architecture, spatial dashboards, and world-space HTML. Use when selecting or implementing Three.js, Babylon.js, PlayCanvas, luma.gl, raw WebGL/WebGPU, glTF assets, picking, lighting, LOD, or 3

• canvas-demo-lab

  Run, inspect, extend, or adapt the bundled Canvas Futures Lab across portfolio, motion, 2D game, spatial gallery, map, diagram, floor plan, data, media, science, commerce, and digital-twin domains. Use when a user wants executable examples, a cross-domain prototype, a new domain added to the lab, or

• canvas-experience-design

  Design and refine polished Canvas experiences, including app chrome, scene composition, interaction modes, responsive behavior, motion, Korean UX writing, accessibility, and product-specific visual identity. Use for portfolios, creative sites, editors, games, maps, dashboards, and spatial tools befo

• canvas-experience-orchestrator

  Complete a Canvas web experience in one invocation from discovery, product DNA, evidence, three diverse visual concepts, ontology, architecture, implementation, real-browser correction, exactly three negative quality rounds, packaging, and evidence-backed learning. Use for broad build requests where

• canvas-html-in-canvas

  Prototype and implement experimental HTML-in-Canvas features using drawElementImage, texElementImage2D, or copyElementImageToTexture with controlled Chrome adoption, progressive fallbacks, interaction, security, and performance evidence. Use for DOM content composited into Canvas 2D, WebGL, WebGPU,

• canvas-maps-diagrams

  Build Canvas-based maps, GIS, globes, spatial analytics, whiteboards, diagrams, node editors, floor plans, technical drawings, and infinite canvases. Use when choosing or implementing MapLibre, OpenLayers, CesiumJS, deck.gl, Excalidraw, tldraw, Paper.js, or custom spatial editing and visualization.

• canvas-project-router

  Route broad or ambiguous web Canvas requests to the right DOM, SVG, Canvas 2D, WebGL, WebGPU, map, diagram, game, or hybrid architecture. Use for new interactive sites, portfolios, visualizations, games, maps, plans, CAD/BIM views, and cross-domain Canvas features before a rendering stack is chosen.

• canvas-quality-audit

  Audit Canvas implementations for browser correctness, accessibility, UI/UX fidelity, responsive behavior, performance, security, privacy, lifecycle cleanup, export, compatibility, and experimental HTML-in-Canvas claims. Use for reviews, release readiness, regressions, and independent verification of

• canvas-runtime-architecture

  Design scalable Canvas runtime architecture for state, scene projection, rendering, input, workers, GPU resources, streaming, collaboration, persistence, export, observability, and cleanup. Use for performance-sensitive or long-lived 2D, 3D, game, map, diagram, CAD/BIM, and HTML-in-Canvas applicatio

Similar plugins