I’m Davide, a Full Stack Designer who blends creativity and strategy to craft digital experiences that connect people and ideas.

I love turning complex problems into simple, elegant solutions, designing with both users and business goals in mind. From pixels to product, I’ve got your back.

Let's Work Together
Let's Work Together

hello@zampieridavide.com

Keep in Touch

Linkedin Jki-instagram-1-light Whatsapp Youtube Dribbble
Behance
  • Home
  • Project Details

DS Library (Vibe Coding Project)

UX/UI Design & Vibe Coding
UX/UI Design & Vibe Coding

UX/UI Designer & Vibe Coding Developer

DS Library is a visual design system builder crafted entirely through vibe coding — a tool that allows designers and developers to define colors, typography, spacing, and components, then export clean CSS custom properties ready for production.

VIEW ONLINE PROJECT

Project Information

Client Name : Davide Zampieri

Type : Personal / Side Project

Date : Mar. 2026

Location : Copenhagen

Stack :HTML, CSS, JS - Vibe Coded

How I Start This Project

DS Library was born from a recurring frustration: every new project starts with the same foundational decisions — color palettes, type scales, component styles — yet there was no lightweight, visual tool to build and export them quickly without spinning up a full design system platform.

The idea was simple: what if a designer could open a browser, define their system visually, and walk away with production-ready CSS variables in minutes?

The challenge

Building a tool that is both powerful enough for developers and approachable enough for designers is a difficult balance. The interface needed to feel like a design tool, not a developer console — while still producing clean, structured output that could plug directly into any codebase. On top of that, the entire project was built through vibe coding: translating ideas into working software through iterative prompting and AI-assisted development, without writing traditional code from scratch.

My Role & Contributions

As the designer and vibe coding developer behind DS Library, my role covered the full product lifecycle — from concept and UX architecture to visual design and AI-assisted implementation. I approached this project as both a design challenge and a proof of concept: demonstrating that a functional, production-grade tool can be built through intentional prompting and design-led development.

Challenge on this Project

  • Building a multi-section visual tool entirely through vibe coding
  • Designing a UI that works for both designers and developers
  • Creating a real-time component preview system
  • Generating exportable CSS variables and Tailwind config from visual inputs
  • Maintaining visual consistency across Color, Typography, Components, and Icons modules

Share This Project :