{"observation":{"id":"66a96576-7f89-45d6-9960-686650ac8834","tool":"claude-artifacts","tool_name":"Claude Artifacts","criterion":"code-generation-quality","criterion_name":"Code Generation Quality","criterion_definition":"Syntactically correct, runnable on first attempt.","criterion_evidence_type":"transformation","criterion_rank_role":"decisive","criterion_rank_role_reason":"If the generated code is not syntactically correct and runnable, the tool has failed at producing the animation at all. (3 of 3 judges)","scenario":"search-engines-basics-explainer","scenario_name":"Search engines basics explainer","group_tag":null,"scenario_description":"A vague, linear educational animation prompt asking the tool to explain how search engines work with minimal guidance. Designed to stress inference, scene structuring, pacing, and coherent visual flow from an underspecified request.","modality":"text","input_text":"Create an animation video explaining how search engines work.","input_artifact_refs":[],"stresses":[],"verdict":"worked","score":null,"score_total":null,"note":"It generated a runnable webpage on the first attempt, with autoplay working on load.","evidence_state":"verified","source":"first-party","artifacts":[{"url":"https://d3epheqghktydj.cloudfront.net/claude-artifacts-screen-recording-2026-04-30-141425.mp4","role":"output","alt":"Claude Artifacts — Screen Recording 2026-04-30 141425.mp4"}],"run_id":"c751a76b-a105-4b3e-9ff3-6c4d6adc9f04","study_title":"Generate Code-based Animations from text inputs","study_kind":"backfill","research_task":"86b9nnzmy","tested_at":"2026-06-24T08:34:34.142000+00:00","completeness":"input-and-output","input":{"state":"text","text":"Create an animation video explaining how search engines work.","files":[],"modality":"text","stresses":[]},"tool_page_slug":null,"tool_url":null,"permalink":"https://aidemos.com/evidence/66a96576-7f89-45d6-9960-686650ac8834","api_url":"https://ai.aidemos.com/v1/observations/66a96576-7f89-45d6-9960-686650ac8834"},"peers":[{"id":"7062524a-d54a-4a4c-98b2-dd205aff10bb","tool":"animg","tool_name":"AnimG","verdict":"worked","score":null,"score_total":null,"note":"Generates syntactically correct Manim code on the first pass.","artifact_count":0,"thumbnail":null,"evidence_url":"https://aidemos.com/evidence/7062524a-d54a-4a4c-98b2-dd205aff10bb"},{"id":"783827be-868d-4058-9a88-b7fda3c34533","tool":"chatgpt-canvas","tool_name":"ChatGPT Canvas","verdict":"worked","score":null,"score_total":null,"note":"Generated syntactically correct, runnable HTML/CSS/JavaScript on the first attempt for the search-engine explainer.","artifact_count":2,"thumbnail":"https://d3epheqghktydj.cloudfront.net/chatgpt-canvas-screen-recording-2026-04-30-170046.mp4","evidence_url":"https://aidemos.com/evidence/783827be-868d-4058-9a88-b7fda3c34533"},{"id":"23138cac-317e-4e2a-a9a8-f9b791df45e4","tool":"gemini-canvas","tool_name":"Gemini Canvas","verdict":"worked","score":null,"score_total":null,"note":"Produces syntactically correct HTML/CSS/JavaScript on the first attempt for a basic explainer animation.","artifact_count":1,"thumbnail":"https://d3epheqghktydj.cloudfront.net/gemini-canvas-screen-recording-2026-05-04-120930.mp4","evidence_url":"https://aidemos.com/evidence/23138cac-317e-4e2a-a9a8-f9b791df45e4"},{"id":"a172fc19-f483-4799-87f6-2a103cfbe529","tool":"grok","tool_name":"Grok","verdict":"worked","score":null,"score_total":null,"note":"Produced syntactically correct HTML/CSS/JavaScript code on the first pass.","artifact_count":1,"thumbnail":"https://d3epheqghktydj.cloudfront.net/grok-screen-recording-2026-05-04-135441.mp4","evidence_url":"https://aidemos.com/evidence/a172fc19-f483-4799-87f6-2a103cfbe529"},{"id":"22986790-e8b3-4c13-a6e7-7e750f1d8709","tool":"replit","tool_name":"Replit","verdict":"worked","score":null,"score_total":null,"note":"Produces runnable React animation code on the first attempt.","artifact_count":1,"thumbnail":"https://d3epheqghktydj.cloudfront.net/replit-search-engine-explainer-apr-18-15-53-35.mp4","evidence_url":"https://aidemos.com/evidence/22986790-e8b3-4c13-a6e7-7e750f1d8709"}],"other_criteria":[{"id":"26cde3a7-20de-455b-924c-158433afa4eb","criterion":"export-experience","criterion_name":"Export Experience","rank_role":"context","verdict":"struggled","score":null,"score_total":null,"note":"Getting an MP4 was not native; the report says a browser-capture/render workflow was still required.","artifact_count":1,"evidence_url":"https://aidemos.com/evidence/26cde3a7-20de-455b-924c-158433afa4eb"},{"id":"2844fa71-9f82-4175-b908-5a20fb79ea92","criterion":"in-platform-preview","criterion_name":"In-Platform Preview","rank_role":"context","verdict":"worked","score":null,"score_total":null,"note":"The preview was available immediately in-platform, so the animation could be inspected before any external capture step.","artifact_count":1,"evidence_url":"https://aidemos.com/evidence/2844fa71-9f82-4175-b908-5a20fb79ea92"},{"id":"2d00ddc3-5c2f-4e48-ab54-e9b6cdfb2ac0","criterion":"output-quality","criterion_name":"Output Quality","rank_role":"decisive","verdict":"worked","score":null,"score_total":null,"note":"Delivered a polished animation with smooth motion, clean hierarchy, and a recognizable search-engine workflow.","artifact_count":1,"evidence_url":"https://aidemos.com/evidence/2d00ddc3-5c2f-4e48-ab54-e9b6cdfb2ac0"},{"id":"0675da71-4772-4c4e-a2a8-bb2b660f1cb2","criterion":"reliability","criterion_name":"Reliability","rank_role":"decisive","verdict":"mixed","score":null,"score_total":null,"note":"The animation works, but timing and pacing still often need manual refinement.","artifact_count":1,"evidence_url":"https://aidemos.com/evidence/0675da71-4772-4c4e-a2a8-bb2b660f1cb2"}],"appears_in":[{"page_type":"ranking","slug":"code-animation-generators","title":"Best AI Tools for Generating Code-Based Animations from Text Prompts","url":"https://aidemos.com/best/code-animation-generators","binding":"run"},{"page_type":"use-case","slug":"generate-code-animation-videos","title":"Generate Code-Based Animation Videos from Text Prompts Using AI","url":"https://aidemos.com/use-cases/generate-code-animation-videos","binding":"run"}],"same_scenario":[{"id":"7062524a-d54a-4a4c-98b2-dd205aff10bb","tool":"animg","tool_name":"AnimG","verdict":"worked","score":null,"score_total":null,"note":"Generates syntactically correct Manim code on the first pass."},{"id":"783827be-868d-4058-9a88-b7fda3c34533","tool":"chatgpt-canvas","tool_name":"ChatGPT Canvas","verdict":"worked","score":null,"score_total":null,"note":"Generated syntactically correct, runnable HTML/CSS/JavaScript on the first attempt for the search-engine explainer."},{"id":"23138cac-317e-4e2a-a9a8-f9b791df45e4","tool":"gemini-canvas","tool_name":"Gemini Canvas","verdict":"worked","score":null,"score_total":null,"note":"Produces syntactically correct HTML/CSS/JavaScript on the first attempt for a basic explainer animation."},{"id":"a172fc19-f483-4799-87f6-2a103cfbe529","tool":"grok","tool_name":"Grok","verdict":"worked","score":null,"score_total":null,"note":"Produced syntactically correct HTML/CSS/JavaScript code on the first pass."},{"id":"22986790-e8b3-4c13-a6e7-7e750f1d8709","tool":"replit","tool_name":"Replit","verdict":"worked","score":null,"score_total":null,"note":"Produces runnable React animation code on the first attempt."}]}