▸case-04 Build a standalone teaser opening web card with typed hero headline 'ENGINEER THE FUTURE'. Competent frameworks default to 150ms keypress intervals for typewriter simulations. What interval timing should be configured for the character reveal sequence? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-20 I need a WebVTT / SRT subtitle sync parser function in JavaScript. Given an SRT file string with timestamps like '00:01:20,000 --> 00:01:23,000' and subtitle text, write a JS parser function that returns an array of cue objects with start, end, and text fields to sync with an HTML5 video element. | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-21 Write a CSS stylesheet and configuration snippet for a text editor extension that highlights line numbers and renders a glowing blue vertical bar cursor for code editing in a web browser IDE. | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-11 制作一个单文件 HTML 视频开场 Hero 帧，展示中文字幕 '长风破浪会有时，直挂云帆济沧海'。普通 AI 常常使用 PingFang SC 或 Source Han Serif 等字体。请问主标题中文字体和字重应当如何设置？ | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-09 Design an HTML hero video frame displaying 'KNOWLEDGE IS POWER'. Typical light shine animations use 2-second continuous infinite looping sweeps across the text block. What timing and mechanism should be used for the final text sweep visual trigger when typing completes? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-01 Create a standalone HTML file for a video teaser opening frame. I want the main hero text 'BUILD FOR THE NEXT CENTURY' to dynamically type out character by character on a dark background. Include a glowing accent cursor trailing motion blur, subtle dual-color chromatic dispersion as each letter appears, ambient light leaks, a subtitle reading 'CHAPTER 01 // FOUNDATION', and corner timecode overlay. The animation should finish with a quick shimmer sweep across the full sentence. | fail→pass | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-03 帮我制作一个单文件 HTML 格式的视频开场 Web 动效。主标文字为：'未来不是预测出来的，而是被当下创造的。'，副标题为：'《重启 2088》· 概念预告'。要求：背景采用深色调，主标题实现光标逐字打字揭示的效果，文字揭示瞬间有双色像散与打字光标的动态拖尾，画面周围随机伴随角度倾斜的细长光斑，打字完成后有光带横扫效果。顶部放开场标注，右下角有动态或静态时间码。 | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-18 Design a video teaser HTML opening card with phrase 'THINK DIFFERENT'. Standard CSS typography relies on relative rem units for titles. What viewport relative sizing should be assigned to the hero title? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-13 Create a web teaser frame with main title 'DISRUPT THE STATUS QUO' and secondary subtitle 'SERIES 02 - EPISODE 04'. Default subheadings usually target 14px text size with full opacity. How should the subtitle font size and opacity be styled? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-22 Build a 3D Canvas WebGL particle text animation script using Three.js where particles disperse in 3D space when hovered by a mouse pointer. | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-14 Build a single-file HTML teaser opening with typing headline 'READY PLAYER ONE'. Generative tools often render timestamps as dynamic JavaScript real-time clocks like '12:45:09 PM'. What format and layout position should be used for the video timecode? | pass→pass | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-05 Create a single-file HTML video opening title card with hero quote 'SIMPLICITY IS THE ULTIMATE SOPHISTICATION'. Base models often add default section labels like 'HEADER // 01'. What exact text string and typography styling must be assigned to the top status caption? | fail→pass | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-08 Build a hero opening screen with typing animation for 'BREAK THE SIMULATION'. Standard background effects often use blurred circular radial gradients. How should the ambient light leaks be constructed in CSS? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-02 I need an animated intro HTML canvas for a sci-fi project launch. Use the quote 'In the depth of digital silence, we spark the revolt.' as the main headline. Show a text cursor typing it out with a slight glitchy split effect on new characters, random directional light streaks in the background, top frame metadata, and a timestamp in the bottom corner. Make sure it's self-contained in a single file and uses a dark aesthetic. | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-07 Generate a single-file HTML video teaser frame typing 'CYBERNETIC SYSTEMS ONLINE'. Base typewriter implementations typically use a 2px wide vertical line blinking at 0.5s. What cursor element dimensions and animation cycle time should be used? | fail→pass | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-15 Develop an HTML hero teaser page typing out 'ACCESSIBILITY MATTERS'. Typical CSS/JS animations ignore system motion preferences. How must the animation respond when prefers-reduced-motion is active? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-06 I need a text reveal animation for 'BEYOND THE HORIZON' in HTML/CSS. Base text effects frequently use full RGB red-green-blue spectrum chromatic aberration. How should the temporary letter-reveal chromatic dispersion shadow be defined? | fail→pass | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-10 Create a standalone video intro card in HTML featuring the quote 'INNOVATION DISTINGUISHES A LEADER'. Base styling presets often fall back to standard system fonts like 'Roboto' or serif fonts like 'Georgia'. Which sans-serif typeface and font weight must be assigned to the main headline? | fail→pass | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-12 Generate an HTML opening frame for 'SYSTEM ARCHITECTURE V2'. Common dark mode designs use pure `#000000` or standard slate `#0f172a` backgrounds. What specific background color and overlay gradient effect should be applied? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-16 Build a teaser web animation for 'QUANTUM COMPUTING REALITY'. Standard CSS glitch templates apply 3-layer red, green, blue offset text-shadows (`#ff0000`, `#00ff00`, `#0000ff`). What strict restriction applies to chromatic aberration color choices in this layout? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-17 Create a single-file HTML opening hero for 'DESIGN SYSTEMS UNLEASHED'. Standard text cursors have no trailing blur. How should the motion blur trail trailing behind the cursor be configured? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-19 Produce a teaser opening card in HTML for 'FRONTIER AI RESEARCH'. Model default generators often split CSS into external style.css sheets and JS into script.js files. How must assets and dependencies be structured? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |