Skip to content

fix: add visualization quality guidance to agent prompt#60

Merged
GeneralJerel merged 1 commit intostagingfrom
fix/visualization-quality-guidance
Mar 26, 2026
Merged

fix: add visualization quality guidance to agent prompt#60
GeneralJerel merged 1 commit intostagingfrom
fix/visualization-quality-guidance

Conversation

@GeneralJerel
Copy link
Copy Markdown
Collaborator

Summary

  • Add "Visualization Quality Standards" section to the agent system prompt
  • Documents available import map libraries (Three.js, GSAP, D3, Chart.js) with correct import syntax
  • Mandates Three.js for 3D content — explicitly prohibits CSS 3D faking and Canvas 2D projection
  • Sets quality bar: polished, portfolio-ready output with proper lighting, antialiasing, responsive sizing
  • Requires <script type="module"> when using import map libraries

Context

Generated visualizations have degraded in quality (see #58). The model was producing broken 3D content using CSS transform-style: preserve-3d hacks or Canvas 2D manual projection instead of Three.js, which is available via the import map. The system prompt had no guidance about available libraries or quality expectations.

Test plan

  • Deploy updated agent and test "sphere icosahedron morph" prompt — should use Three.js WebGL
  • Test other 3D prompts (solar system, neural network) — verify Three.js usage
  • Test non-3D prompts (diagrams, charts) — verify no regression
  • Verify <script type="module"> is used in generated HTML

Closes #58

Add a "Visualization Quality Standards" section to steer the model
toward using Three.js (via import map) for 3D content instead of
CSS transform hacks or Canvas 2D projection. Documents available
ES module libraries (three, gsap, d3, chart.js), enforces
type="module" script tags, and sets a polished quality bar for
generated visualizations.
@GeneralJerel GeneralJerel changed the base branch from main to staging March 26, 2026 14:47
@GeneralJerel GeneralJerel merged commit a832460 into staging Mar 26, 2026
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Quality regression: generated visualizations are subpar and broken

1 participant