- Category
- Developer Tools
- Rank
- No. 2203Tools index
Previous survey · No. 2019 ·
- Pricing
- Open Source
- Type
- TOOL
- Use case
- Design & Media
- Interfaces
- Agent Skill / Plugin
- GitHub
- 1 stars
- Date
About
Boxy is a zero-radius design system and coding-agent skill that enforces square corners, hairline borders, snapped spacing and a rationed color palette across an interface, installed via a plugin or npx command into an agent's skills folder. It ships with boxy-check, a linter that parses CSS, HTML, JSX, Vue and Svelte and fails the build when code drifts from its rules, which the agent is meant to run before declaring a task done.
At a glance
Boxy gives coding agents a sharp-edged visual system with tokens, component patterns and a linter. It is worth trying if generated screens keep drifting from a visual direction you want to enforce.
Good fit
Teams that want a restrained interface style and can run a design checker alongside ordinary review.
Consider something else when
Keep your existing system if your product already has a distinct visual language or relies on rounded components.
Start here
Build one scratch screen with the supplied tokens. Introduce an out-of-system value and check what the linter catches before bringing the rules into a real project.
Cost and requirements
MIT-licensed. The package lists Node.js 18 or later and the project documents integrations with several coding agents.
Limits to know
The checker enforces rules it knows about. Review layout, usability and accessibility separately, and check how adoption would interact with your current tokens.
Sources checked 2026-11-05. Source-based assessment.
Tags
Tech Stack
Comments (0)
No comments yet
Editorially curated, with community endorsements as a secondary signal. Corrections welcome.