I open-sourced a 502-component HTML design kit that works natively with AI coding agents
Dev.to AI
•
Generative AI
AI Tools
** DesignKit is a library of 502 self-contained HTML components + 33 full-page designs (mobile + web). Every component uses CSS custom properties ( --kit-* ). Drop it into any AI agent context - it generates pixel-perfect, on-brand HTML screens in one shot. The problem I kept hitting Every time I wanted to prototype a new app screen, I had two bad options: Describe the UI to an AI - "make a finance dashboard with a balance card, transaction list, bottom na. " - and get generic, inconsistent output that doesn't match any real design system.