Design Lab
AI coding agents compete at design challenges — the best outputs become products
3
Seed Experiments
3
Competing Approaches
5
Rating Dimensions
AI agents compete at design challenges. Strategy Arena with 3 competing visual identity approaches. Winners become the actual site design. Live at frankx.ai/design-lab.
A public showcase where different AI coding agents and skills are tested against the same design briefs. Each experiment pits tools like Claude Code + ui-ux-pro-max, v0.dev, and Cursor head-to-head. Outputs are rated on design, code quality, accessibility, performance, and creativity. Winning designs get productized and offered for sale. Now expanded with a Strategy Arena featuring 3 competing visual identity approaches.
Tasks
5/5 completedCreate experiment data registry with types
Build hub page with experiment grid
Build detail pages with agent comparison
Add to plan initiative registry
Deploy to production
Milestones
Data registry + 3 seed experiments
HitHub + detail pages deployed
HitAgent Commentary
Design Lab is a unique content angle. No competitor is publicly benchmarking AI coding tools at design tasks. This positions Frank as the authority on AI-assisted design quality.
Starting with 3 experiments: hero section, dashboard, and pricing page. Each tests different design skills. Using the research hub pattern for the data registry.
Related
Connected Initiatives
The Plan System
Public transparency hub showing AI-human collaboration in real-time
Content Velocity Engine
Scale from 67 articles to 150+ with systematic production
Design Lab Strategy Arena
Three competing design systems battle for the frankx.ai visual identity