Pedbot · Admin Frontend · v1

Design System

Referência visual completa do admin Pedbot — tokens, componentes custom, patterns de negócio e relatório de consistência. Gerado diretamente do código-fonte.

Ver Foundations Audit Report

46 Componentes

12 Patterns

412 Issues

6 Páginas

Seções

Foundations

Cores, tipografia, spacing, shadows, border-radius, breakpoints e transições.

Completo tokens.json

Componentes Base

Como o Pedbot usa cada componente Vuesax — props padrão, variantes e restrições.

Completo Vuesax 3.x

Componentes Custom

46 componentes criados pelo time — props, slots, eventos, variantes e exemplos de uso.

Completo 46 componentes

Patterns de Negócio

12 fluxos de UX mapeados — composição de tela, estados, edge cases e fluxo do usuário.

Completo 12 patterns

Audit Report

412 inconsistências identificadas — cores hardcoded, z-index, spacing e componentes reimplementados.

18 critical 147 medium

Sobre

Gerado pelas skills Claude Code a partir do código-fonte do admin (Vue 2 / Vuesax 3.x / Tailwind 1.x).

2026-04-11 Claude Code

Stack do Admin

Options API · Vuex · Vue Router

Vuesax 3.11

vs-* · themeConfig.js

Tailwind 1.x

Utility classes · escala 4px

Montserrat

300–700 · Fira Code (mono)