How To Design In The Agent Era

影片總結

Paper pairs HTML/CSS agents with human taste to outdesign AI slop and ship faster

On YC’s Design Review, Paper founder Steven Haney demonstrated an agent-native workflow built on HTML and CSS, letting tools like Conductor, Cursor, and Claude Code generate, edit, and ship designs without a traditional handoff. Paper’s Snapshot turns live websites into editable layers; demos on Legion Health, Scitex, and Maridata showed how reducing bold weights, limiting typography to three sizes, removing decorative cards, purple gradients, pills, icons, and fake metrics can make AI-generated pages more credible. Haney argues agents accelerate translation, resizing, and iteration, but humans still provide taste, context, and organizational decisions. Paper’s 12-person team uses agents heavily for coding and marketing while humans review every line of core product code; brand designer Agu built its interactive Next.js site in about one week. Paper had roughly 25,000 Twitter followers before launching a product and plans components, comments, and organized prototype feedback next.

章節

1. 0:00Great companies have great design: exceptional design creates differentiation
2. 1:04What is Paper and why build it?: HTML/CSS design tool built by a 12-person team
3. 3:17What makes Paper agent-native: HTML/CSS handoff and visual agent control
4. 5:11Demo: Shaders, image generation, and brand design with Paper Mono
5. 11:32Design-to-code and the new agent stack: React, Cursor, Claude Code, and Paper
6. 16:48Design Review: Legion Health’s vibe-coded psychiatry site and agent variations
7. 24:11How to avoid AI design slop: three font sizes and lighter weights
8. 28:26Design Review: Sytex: clarify construction value and reduce typography styles
9. 32:42The biggest tells of AI-generated design: purple gradients, cards, and decorative clutter
10. 37:39Design Review: Moreta: make QR payments feel trustworthy without losing energy
11. 41:11Can AI learn taste?: tactics may improve, but human judgment remains essential
12. 43:56How Paper uses agents internally: Agu ships an interactive Next.js site in one week
13. 46:52Building a community around Paper: 25,000 Twitter followers before launch
14. 49:15Lessons from Steven’s first startup: Modules, Radix UI, and WorkOS
15. 53:30What’s next for design and Paper: prototype organization and feedback on the Paper canvas