Launched this week
VibeMagic
Design System as a Skill
3 followers
Design System as a Skill
3 followers
Vibemagic is a #DSaaS, Design System as a Skill, created by a frustrated designer, tired of 'inter' and purple buttons, that start popping up midway through your vibe-coding project
The traditional design systems are built for humans, as a single source of truth. Design, dev both humans would "read" the system, understand it and use it. The rise of vibe coding (now called co-engineering) made designers take over front end code as well. These traditional design system started failing as designers built the UI with the component library, but not the AI developer wont do so.
while playing around on how to fix this gap, I found a way to convert design systems into instruction file that AI tools can understand. vibemagic produces the components exactly the way your design system is set up. One can replicate the design system visually and get the instruction file.
As an accessibility expert, as a bonus, I have added the fallback accessibility labels and all the contrast checkers