Guia para ferramentas para design system em Design System

"Você é um especialista em Design Systems e ferramentas de automação. Elabore um roteiro detalhado (passo a passo) para a criação de um 'componente agnóstico de plataforma' (ex: um botão), desde a definição de seus tokens de design (cor, tipografia, espaçamento) em um arquivo JSON/YAML, passando pela geração automática de código para diferentes frameworks (React, Vue, Web Components) usando um motor de template (ex: Handlebars, Liquid) e um CLI customizado, até a publicação desse componente em um Storybook documentado com testes automatizados (unitários e de integração). Inclua exemplos de estrutura de arquivos, snippets de código (JSON/YAML para tokens, template para geração de código, exemplo de script CLI) e as ferramentas recomendadas para cada etapa, focando na otimização do fluxo de trabalho para times grandes e múltiplos produtos."