▸case-01 I need you to construct a web application interface for an AI analytics dashboard. Make the visual identity stand out with strong contrast and a sleek look. Please deliver the full UI code along with a list of concrete implementation action notes. | fail→fail | 28,894 | 29,425 | +2% | 1 | 1 | 0% | 6,186 | 6,487 | +5% | 0 | 0 | — |
▸case-02 Can you create a high-impact hero section for an indie game studio landing page? I want a vibrant, memorable presentation using production-ready code, accompanied by specific action steps for integrating it into our web project. | pass→fail | 27,986 | 31,466 | +12% | 1 | 1 | 0% | 5,694 | 6,485 | +14% | 0 | 0 | — |
▸case-03 Please craft a visually striking interactive pricing card component for a developer tool. The design should feel polished and unique. Output the runnable component alongside practical setup notes. | pass→fail | 27,478 | 30,059 | +9% | 1 | 1 | 0% | 5,958 | 6,473 | +9% | 0 | 0 | — |
▸case-04 We are preparing a Q3 product roadmap for our frontend design system rebuild. Should we allocate sprint capacity to establish high-level component governance rules and brand strategy docs first, or jump straight to code? Please provide a high-level strategic planning document outlining our design system strategy. | pass→pass | 21,017 | 9,942 | -53% | 1 | 1 | 0% | 3,333 | 1,717 | -48% | 0 | 0 | — |
▸case-05 Our executive team wants a non-executable design discussion document analyzing whether a neumorphic vs flat design aesthetic fits our enterprise fintech positioning. Can you write a strategic design proposal draft? | pass→pass | 17,472 | 18,720 | +7% | 1 | 1 | 0% | 2,643 | 2,911 | +10% | 0 | 0 | — |
▸case-06 Can you draft a high-level sprint planning document and resource allocation strategy for migrating our legacy jQuery dashboard to modern frontend frameworks? | pass→pass | 20,921 | 20,156 | -4% | 1 | 1 | 0% | 3,341 | 3,519 | +5% | 0 | 0 | — |
▸case-07 Build a web-based audio synthesizer control panel for an online DAW application with a dark neon aesthetic. Base models often output generic muted wireframes with unstyled HTML range sliders and cut off early; give me complete frontend code and actionable deployment steps. | fail→fail | 32,223 | 30,742 | -5% | 1 | 1 | 0% | 6,190 | 6,491 | +5% | 0 | 0 | — |
▸case-08 Create an interactive crypto portfolio balance card widget featuring high-contrast gradients and glassmorphism styling. Make sure to provide complete UI code rather than partial snippets, along with concrete setup guidelines. | fail→fail | 29,616 | 28,852 | -3% | 1 | 1 | 0% | 6,178 | 6,479 | +5% | 0 | 0 | — |
▸case-09 Design an interactive multi-step onboarding wizard modal for a cloud security product featuring a distinct futuristic dark-mode styling. Provide full production frontend code and clear implementation action steps. | fail→fail | 29,159 | 29,178 | +0% | 1 | 1 | 0% | 6,175 | 6,476 | +5% | 0 | 0 | — |
▸case-10 Develop a slide-out cart drawer component for a streetwear apparel storefront with bold typography and vibrant neon accents. Output the fully written UI code along with concrete integration action notes. | pass→fail | 27,613 | 29,424 | +7% | 1 | 1 | 0% | 5,953 | 6,476 | +9% | 0 | 0 | — |
▸case-11 Build a floating toolbar component for a real-time collaborative canvas tool with modern translucent styling and crisp icon buttons. Include complete runnable code and practical setup instructions. | pass→fail | 26,702 | 27,858 | +4% | 1 | 1 | 0% | 5,820 | 6,473 | +11% | 0 | 0 | — |
▸case-12 Create a web-based command palette (Ctrl+K) search overlay component with deep contrast, glowing active states, and custom keybinding indicators. Output full production component code alongside implementation action notes. | pass→fail | 29,361 | 31,333 | +7% | 1 | 1 | 0% | 6,180 | 6,481 | +5% | 0 | 0 | — |
▸case-13 Design a data table component for managing developer API keys with custom status badges, masked key toggles, and high-visibility action menus. Output complete UI code and specific setup guidelines. | fail→fail | 28,220 | 28,589 | +1% | 1 | 1 | 0% | 6,177 | 6,478 | +5% | 0 | 0 | — |
▸case-14 Construct an interactive feature comparison matrix for an enterprise cloud platform featuring highlighted recommended tiers and distinct visual hierarchy. Provide complete untruncated code and integration action notes. | fail→fail | 29,081 | 30,369 | +4% | 1 | 1 | 0% | 6,173 | 6,474 | +5% | 0 | 0 | — |
▸case-15 Build an esports tournament leaderboard card component with vibrant accent colors and animated rank indicators. Deliver the full UI code accompanied by concrete setup notes. | fail→fail | 55,454 | 30,690 | -45% | 1 | 1 | 0% | 6,168 | 6,469 | +5% | 0 | 0 | — |
▸case-16 Design an ambient soundscapes audio player component for a mindfulness web app featuring soft organic gradients and custom visualizers. Output full production frontend code alongside implementation action steps. | fail→fail | 28,663 | 29,830 | +4% | 1 | 1 | 0% | 6,173 | 6,474 | +5% | 0 | 0 | — |
▸case-17 Craft a smart home thermostat control card component with vibrant temperature status rings and touch-friendly controls. Provide complete component code and actionable deployment steps. | fail→fail | 29,160 | 30,645 | +5% | 1 | 1 | 0% | 6,169 | 6,470 | +5% | 0 | 0 | — |
▸case-18 Develop a live ticker header bar for a financial trading portal with high-contrast trend indicators and sleek dark theme styling. Deliver complete code and clear setup notes. | fail→fail | 29,069 | 29,977 | +3% | 1 | 1 | 0% | 6,172 | 6,473 | +5% | 0 | 0 | — |
▸case-19 Build a workout metric summary widget featuring circular progress indicators with vibrant gradient strokes. Supply complete production UI code along with practical integration action notes. | fail→fail | 28,997 | 28,342 | -2% | 1 | 1 | 0% | 6,168 | 6,469 | +5% | 0 | 0 | — |
▸case-20 Design a side-by-side syntax-highlighted code diff component for a code review tool with high contrast line numbers and inline callouts. Output complete runnable code and concrete setup notes. | fail→fail | 30,302 | 29,415 | -3% | 1 | 1 | 0% | 6,179 | 6,480 | +5% | 0 | 0 | — |
▸case-21 Create a luxury real estate property photo gallery modal with full-screen lightbox transitions and custom thumbnail navigation. Provide full code and specific implementation action steps. | fail→fail | 29,453 | 32,204 | +9% | 1 | 1 | 0% | 6,170 | 6,471 | +5% | 0 | 0 | — |
▸case-22 Construct an AI prompt generator input component with dynamic token counter pills, pill tags, and glowing accent action buttons. Deliver complete UI code accompanied by concrete integration steps. | pass→fail | 28,318 | 30,598 | +8% | 1 | 1 | 0% | 5,936 | 6,474 | +9% | 0 | 0 | — |