YourDesignMD

2026

Uma plataforma que transforma sites públicos em referências de design estruturadas para orientar a criação de interfaces e o trabalho com agentes de IA.

A URL e o DNS são validados antes de um navegador isolado com Playwright observar o site. A análise reúne elementos visíveis, estilos calculados e capturas de tela para organizar cores, tipografia, espaçamento, layout e componentes em um DESIGN.md. A interpretação com Gemini é opcional; o documento pode ser copiado para agentes de IA ou baixado.

Stack: Next.js, React, TypeScript, Tailwind CSS, Playwright e Vercel. Gemini API, Neon e Vercel Blob entram como integrações opcionais.

Explorar projeto

Página inicial do YourDesignMD com prévia de uma análise visual gerada. — Página inicial e prévia da análise

Tela do extrator com campo de URL e explicação do fluxo de análise protegida. — Fluxo de extração do site

Biblioteca de sistemas visuais extraídos de sites, com busca e filtros. — Biblioteca de referências DESIGN.md