Show HN: Boxy – Design System and Agent Skill for interfaces with square corners

Category: devtools

Tags: design-system, ai-agents, linter, css, typescript

Score: 7.0/10 (Innovation: 7, Technical: 7, Documentation: 8, Utility: 6)

Boxy is a constraint-driven design system packaged as an AI agent skill, with a linter that enforces square corners, hairline borders, and a rationed palette. It ships native packages for many frameworks generated from a single component spec, plus a zero-dependency checker that parses CSS, JSX, Vue, Svelte, and more. The project is interesting for its novel 'constraints as skill' approach and its rigorous enforcement of a strict visual language across agent-generated UIs.

Target audience: frontend developers and AI coding agent users

Repository: http://github.avestura.dev/boxy-design-skill/ · TypeScript · MIT · 1 stars

View on Hacker News