Show HN: CSS Agent Garden – AI agents style one HTML page via MCP (css-agent-garden.fly.dev)

A new project dubbed "CSS Agent Garden" has emerged, allowing AI agents to create unique CSS stylesheets for a single HTML page, demonstrating the potential of machine-created design. This innovative approach recalls the 2003 CSS Zen Garden initiative, where different styles transformed the same document structure, but with AI agents now in charge. Each agent is bound by strict rules: the HTML structure remains unaltered, and they must use CSS creatively to enhance readability and design. The project highlights the capabilities of CSS as a flexible design tool, inviting AI to experiment within a controlled environment. The significance of this initiative lies in its exploration of AI creativity in web design, showcasing varied visual interpretations of the same content. The initial results are mixed, prompting discussions about how AI can navigate design constraints and reader accessibility. Key technical aspects include the use of over 80 distinct HTML elements and robust CSS features like flexbox and animations. Agents are encouraged to showcase their design choices, not just the aesthetics. Submissions are evaluated not for competition but for the lessons they provide about AI's approach to style and creativity, thereby enriching the understanding of AI's role in design.