@maestro-ai/mcp-server 1.0.0 → 1.1.0

package/dist/content/content/design-system/data/web-interface.csv

@@ -1,31 +0,0 @@
-No,Category,Issue,Keywords,Platform,Description,Do,Don't,Code Example Good,Code Example Bad,Severity
-1,Accessibility,Icon Button Labels,icon button aria-label,Web,Icon-only buttons must have accessible names,Add aria-label to icon buttons,Icon button without label,"<button aria-label='Close'><XIcon /></button>","<button><XIcon /></button>",Critical
-2,Accessibility,Form Control Labels,form input label aria,Web,All form controls need labels or aria-label,Use label element or aria-label,Input without accessible name,"<label for='email'>Email</label><input id='email' />","<input placeholder='Email' />",Critical
-3,Accessibility,Keyboard Handlers,keyboard onclick onkeydown,Web,Interactive elements must support keyboard interaction,Add onKeyDown alongside onClick,Click-only interaction,"<div onClick={fn} onKeyDown={fn} tabIndex={0}>","<div onClick={fn}>",High
-4,Accessibility,Semantic HTML,semantic button a label,Web,Use semantic HTML before ARIA attributes,Use button/a/label elements,Div with role attribute,"<button onClick={fn}>Submit</button>","<div role='button' onClick={fn}>Submit</div>",High
-5,Accessibility,Aria Live,aria-live polite async,Web,Async updates need aria-live for screen readers,Add aria-live='polite' for dynamic content,Silent async updates,"<div aria-live='polite'>{status}</div>","<div>{status}</div> // no announcement",Medium
-6,Accessibility,Decorative Icons,aria-hidden decorative icon,Web,Decorative icons should be hidden from screen readers,Add aria-hidden='true' to decorative icons,Decorative icon announced,"<Icon aria-hidden='true' />","<Icon /> // announced as 'image'",Medium
-7,Focus,Visible Focus States,focus-visible outline ring,Web,All interactive elements need visible focus states,Use :focus-visible with ring/outline,No focus indication,"focus-visible:ring-2 focus-visible:ring-blue-500","outline-none // no replacement",Critical
-8,Focus,Never Remove Outline,outline-none focus replacement,Web,Never remove outline without providing replacement,Replace outline with visible alternative,Remove outline completely,"focus:outline-none focus:ring-2","focus:outline-none // nothing else",Critical
-9,Focus,Checkbox Radio Hit Target,checkbox radio label target,Web,Checkbox/radio must share hit target with label,Wrap input and label together,Separate tiny checkbox,"<label class='flex gap-2'><input type='checkbox' /><span>Option</span></label>","<input type='checkbox' id='x' /><label for='x'>Option</label>",Medium
-10,Forms,Autocomplete Attribute,autocomplete input form,Web,Inputs need autocomplete attribute for autofill,Add appropriate autocomplete value,Missing autocomplete,"<input autocomplete='email' type='email' />","<input type='email' />",High
-11,Forms,Semantic Input Types,input type email tel url,Web,Use semantic input type attributes,Use email/tel/url/number types,text type for everything,"<input type='email' />","<input type='text' /> // for email",Medium
-12,Forms,Never Block Paste,paste onpaste password,Web,Never prevent paste functionality,Allow paste on all inputs,Block paste on password/code,"<input type='password' />","<input onPaste={e => e.preventDefault()} />",High
-13,Forms,Spellcheck Disable,spellcheck email code,Web,Disable spellcheck on emails and codes,Set spellcheck='false' on codes,Spellcheck on technical input,"<input spellCheck='false' type='email' />","<input type='email' /> // red squiggles",Low
-14,Forms,Submit Button Enabled,submit button disabled loading,Web,Keep submit enabled and show spinner during requests,Show loading spinner keep enabled,Disable button during submit,"<button>{loading ? <Spinner /> : 'Submit'}</button>","<button disabled={loading}>Submit</button>",Medium
-15,Forms,Inline Errors,error message inline focus,Web,Show error messages inline near the problem field,Inline error with focus on first error,Single error at top,"<input /><span class='text-red-500'>{error}</span>","<div class='error'>{allErrors}</div> // at top",High
-16,Performance,Virtualize Lists,virtualize list 50 items,Web,Virtualize lists exceeding 50 items,Use virtual list for large datasets,Render all items,"<VirtualList items={items} />","items.map(item => <Item />)",High
-17,Performance,Avoid Layout Reads,layout read render getboundingclientrect,Web,Avoid layout reads during render phase,Read layout in effects or callbacks,getBoundingClientRect in render,"useEffect(() => { el.getBoundingClientRect() })","const rect = el.getBoundingClientRect() // in render",Medium
-18,Performance,Batch DOM Operations,batch dom write read,Web,Group DOM operations to minimize reflows,Batch writes then reads,Interleave reads and writes,"writes.forEach(w => w()); reads.forEach(r => r())","write(); read(); write(); read(); // thrashing",Medium
-19,Performance,Preconnect CDN,preconnect link cdn,Web,Add preconnect links for CDN domains,Preconnect to known domains,"<link rel='preconnect' href='https://cdn.example.com' />","// no preconnect hint",Low
-20,Performance,Lazy Load Images,lazy loading image below-fold,Web,Lazy-load images below the fold,Use loading='lazy' for below-fold images,Load all images eagerly,"<img loading='lazy' src='...' />","<img src='...' /> // above fold only",Medium
-21,State,URL Reflects State,url state query params,Web,URL should reflect current UI state,Sync filters/tabs/pagination to URL,State only in memory,"?tab=settings&page=2","useState only // lost on refresh",High
-22,State,Deep Linking,deep link stateful component,Web,Stateful components should support deep-linking,Enable sharing current view via URL,No shareable state,"router.push({ query: { ...filters } })","setFilters(f) // not in URL",Medium
-23,State,Confirm Destructive Actions,confirm destructive delete modal,Web,Destructive actions require confirmation,Show confirmation dialog before delete,Delete without confirmation,"if (confirm('Delete?')) delete()","onClick={delete} // no confirmation",High
-24,Typography,Proper Unicode,unicode ellipsis quotes,Web,Use proper Unicode characters,Use ... curly quotes proper dashes,ASCII approximations,"'Hello...' with proper ellipsis","'Hello...' with three dots",Low
-25,Typography,Text Overflow,truncate line-clamp overflow,Web,Handle text overflow properly,Use truncate/line-clamp/break-words,Text overflows container,"<p class='truncate'>Long text...</p>","<p>Long text...</p> // overflows",Medium
-26,Typography,Non-Breaking Spaces,nbsp unit brand,Web,Use non-breaking spaces for units and brand names,Use &nbsp; between number and unit,"10&nbsp;kg or Next.js&nbsp;14","10 kg // may wrap",Low
-27,Anti-Pattern,No Zoom Disable,viewport zoom disable,Web,Never disable zoom in viewport meta,Allow user zoom,"<meta name='viewport' content='width=device-width'>","<meta name='viewport' content='maximum-scale=1'>",Critical
-28,Anti-Pattern,No Transition All,transition all specific,Web,Avoid transition: all - specify properties,Transition specific properties,transition: all,"transition-colors duration-200","transition-all duration-200",Medium
-29,Anti-Pattern,Outline Replacement,outline-none ring focus,Web,Never use outline-none without replacement,Provide visible focus replacement,Remove outline with nothing,"focus:outline-none focus:ring-2 focus:ring-blue-500","focus:outline-none // alone",Critical
-30,Anti-Pattern,No Hardcoded Dates,date format intl locale,Web,Use Intl for date/number formatting,Use Intl.DateTimeFormat,Hardcoded date format,"new Intl.DateTimeFormat('en').format(date)","date.toLocaleDateString() // or manual format",Medium

package/dist/content/content/design-system/indexes/README.md

@@ -1,211 +0,0 @@
-# Design System Database
-
-Database extenso de design para uso pelos Especialistas MCP.
-
-## 📊 Recursos Disponíveis
-
-| Database | Registros | Arquivo | Descrição |
-|----------|-----------|---------|-----------|
-| **Colors** | 96 paletas | `data/colors.csv` | Paletas por tipo de produto (SaaS, E-commerce, Fintech, Healthcare, etc) |
-| **Typography** | 57 pares | `data/typography.csv` | Combinações de fontes Google Fonts |
-| **Styles** | 58 estilos | `data/styles.csv` | Estilos UI completos (Minimalism, Glassmorphism, Brutalism, etc) |
-| **Products** | - | `data/products.csv` | Recomendações de design por tipo de produto |
-| **Landing** | - | `data/landing.csv` | Padrões de landing page |
-| **UX Guidelines** | 99+ | `data/ux-guidelines.csv` | Best practices UX |
-| **UI Reasoning** | - | `data/ui-reasoning.csv` | Regras de design reasoning |
-| **Charts** | 25 tipos | `data/charts.csv` | Tipos de gráficos e visualizações |
-| **Icons** | - | `data/icons.csv` | Diretrizes de ícones |
-| **Web Interface** | - | `data/web-interface.csv` | Guidelines para interfaces web |
-| **React Performance** | - | `data/react-performance.csv` | Performance React/Next.js |
-| **Prompts** | - | `data/prompts.csv` | Prompts prontos para Google Stitch |
-
-## 🗂️ Estrutura
-
-```
-design-system/
-├── README.md (este arquivo)
-├── data/           # CSVs originais (source of truth)
-└── indexes/        # Índices Markdown navegáveis
-```
-
-## 🔍 Como Usar (Para Especialistas MCP)
-
-### Método 1: Consultar Índice
-
-Índices organizados por categoria para navegação rápida:
-
-- **[Cores por Tipo de Produto](indexes/colors-index.md)** - SaaS, E-commerce, Fintech, Healthcare, etc
-- **[Tipografia por Mood](indexes/typography-index.md)** - Elegant, Modern, Playful, Professional
-- **[Estilos UI](indexes/styles-index.md)** - Minimalism, Glassmorphism, Dark Mode, etc
-- **[Busca Rápida](indexes/quick-search.md)** - Guia de busca por keywords
-
-### Método 2: Ler CSV Diretamente
-
-Para busca mais específica, ler CSV diretamente:
-
-```markdown
-# Abrir arquivo
-content/design-system/data/colors.csv
-
-# Buscar por keywords na coluna "Keywords"
-# Exemplo: "fintech" → Encontra linha 16
-# Exemplo: "healthcare" → Encontra linhas 9, 24, 61, 62
-
-# Extrair informações das colunas
-```
-
-## 📖 Campos dos CSVs
-
-### colors.csv
-- **No** - Número da paleta
-- **Product Type** - Tipo de produto
-- **Keywords** - Palavras-chave para busca
-- **Primary (Hex)** - Cor primária
-- **Secondary (Hex)** - Cor secundária
-- **CTA (Hex)** - Cor de Call-to-Action
-- **Background (Hex)** - Cor de fundo
-- **Text (Hex)** - Cor de texto
-- **Border (Hex)** - Cor de bordas
-- **Notes** - Notas e contexto
-
-### typography.csv
-- **STT** - Número do par
-- **Font Pairing Name** - Nome da combinação
-- **Category** - Categoria (Serif+Sans, Sans+Sans, etc)
-- **Heading Font** - Fonte para títulos
-- **Body Font** - Fonte para corpo de texto
-- **Mood/Style Keywords** - Keywords de mood
-- **Best For** - Quando usar
-- **Google Fonts URL** - Link para Google Fonts
-- **CSS Import** - CSS de importação
-- **Tailwind Config** - Configuração Tailwind
-- **Notes** - Notas adicionais
-
-### styles.csv
-- **STT** - Número do estilo
-- **Style Category** - Nome do estilo
-- **Type** - Tipo (General, Landing Page, BI/Analytics)
-- **Keywords** - Palavras-chave
-- **Primary Colors** - Cores primárias
-- **Secondary Colors** - Cores secundárias
-- **Effects & Animation** - Efeitos e animações
-- **Best For** - Quando usar
-- **Do Not Use For** - Quando NÃO usar
-- **Light Mode ✓** - Suporte light mode
-- **Dark Mode ✓** - Suporte dark mode
-- **Performance** - Performance
-- **Accessibility** - Acessibilidade
-- **Mobile-Friendly** - Mobile-friendly
-- **Conversion-Focused** - Foco em conversão
-- **Framework Compatibility** - Compatibilidade frameworks
-- **Era/Origin** - Origem/era do estilo
-- **Complexity** - Complexidade (Low, Medium, High)
-
-## 🎯 Exemplos de Uso
-
-### Exemplo 1: Buscar Paleta para SaaS Moderno
-
-```markdown
-1. Abrir: indexes/colors-index.md
-2. Procurar: Seção "💼 SaaS"
-3. Resultado: 
-   - SaaS General (#2563EB primary)
-   - Micro SaaS (#2563EB primary)
-   - Productivity Tool (#3B82F6 primary)
-4. Escolher e usar no Design Doc
-```
-
-**OU busca direta:**
-```csv
-1. Abrir: data/colors.csv
-2. Buscar: "saas, general"
-3. Linha 2: #2563EB, #3B82F6, #F97316
-```
-
-### Exemplo 2: Buscar Fonte Elegante para Beauty/Spa
-
-```markdown
-1. Abrir: indexes/typography-index.md
-2. Procurar: Seção "💅 Elegant/Luxury"
-3. Resultado:
-   - Classic Elegant (Playfair Display + Inter)
-   - Luxury Serif (Cormorant + Montserrat)
-4. Ver detalhes no CSV para CSS import
-```
-
-### Exemplo 3: Buscar Estilo Dark Mode
-
-```markdown
-1. Abrir: indexes/styles-index.md
-2. Procurar: "Dark Mode"
-3. Resultado: Linha 8 - Dark Mode (OLED)
-   - Colors: Deep Black #000000, Dark Grey #121212
-   - Effects: Minimal glow, dark-to-light transitions
-   - Best For: Night-mode apps, OLED devices
-```
-
-## ⚠️ Regras e Validações
-
-### Purple Ban (Importante!)
-
-**Regra MCP:** Evitar roxo/violeta como cor principal
-
-Após buscar no database, **sempre verificar**:
-```markdown
-Se paleta contém roxo (#[A-F0-9]*[4-9A-F][A-F0-9]{3}):
-  → Alertar usuário
-  → Sugerir alternativa
-  → Só usar SE usuário solicitar explicitamente
-```
-
-### Validação com Usuário
-
-Database é **sugestão inicial**, não imposição:
-1. Apresentar 2-3 opções do database
-2. Perguntar: "Essa paleta/fonte faz sentido para o projeto?"
-3. Aguardar confirmação explícita
-4. Permitir ajustes manuais
-
-### Consistência
-
-- CSVs são **source of truth**
-- Índices podem estar desatualizados em caso de modificações
-- Sempre preferir CSV em caso de dúvida
-
-## 📚 Índices Disponíveis
-
-- **[00-overview.md](indexes/00-overview.md)** - Visão geral do database
-- **[colors-index.md](indexes/colors-index.md)** - Paletas organizadas por tipo
-- **[typography-index.md](indexes/typography-index.md)** - Fontes organizadas por mood
-- **[styles-index.md](indexes/styles-index.md)** - Estilos UI categorizados
-- **[quick-search.md](indexes/quick-search.md)** - Guia rápido de busca
-
-## 🔗 Uso pelos Especialistas
-
-### Especialista em UX Design
-
-Durante perguntas de estilo:
-1. Coletar: tipo de produto, indústria, estilo desejado
-2. Buscar no database por keywords
-3. Apresentar opções ao usuário
-4. Incorporar escolha no Design Doc
-
-### Especialista em Prototipagem Stitch
-
-Ao gerar prompts:
-1. Ler Design Doc (`docs/03-ux/design-doc.md`)
-2. Extrair cores e fontes definidas
-3. Se incompleto, buscar no database
-4. Gerar prompts enriquecidos para Stitch
-
-## 📌 Notas
-
-- **Localização anterior:** `.agent/.shared/ui-ux-pro-max/data/`
-- **Data da migração:** 2026-01-23
-- **Formato:** CSVs preservados + índices MD criados
-- **Manutenção:** Atualizar CSV → re-gerar índices
-
----
-
-**Versão:** 1.0.0  
-**Última atualização:** 2026-01-23

package/dist/content/content/design-system/indexes/colors-index.md

@@ -1,156 +0,0 @@
-# Índice de Paletas de Cores
-
-Navegue por categoria ou busque no CSV completo: [`../data/colors.csv`](../data/colors.csv)
-
----
-
-## 🔍 Busca Rápida
-
-**CSV Completo:** 96 paletas disponíveis
-
-**Como buscar:**
-1. Identifique o tipo de produto (SaaS, E-commerce, Fintech, etc)
-2. Procure a categoria abaixo
-3. Veja as paletas sugeridas com cores primárias
-4. Consulte linha no CSV para detalhes completos
-
----
-
-## Por Tipo de Produto
-
-### 💼 SaaS & Produtividade
-
-| # | Nome | Primary | Secondary | CTA | Keywords |
-|---|------|---------|-----------|-----|----------|
-| 1 | SaaS (General) | #2563EB | #3B82F6 | #F97316 | saas, general |
-| 2 | Micro SaaS | #2563EB | #3B82F6 | #F97316 | micro, saas |
-| 17 | Productivity Tool | #3B82F6 | #60A5FA | #F97316 | productivity, tool |
-| 18 | Design System/Component Library | #3B82F6 | #60A5FA | #F97316 | design, system, component |
-| 23 | Remote Work/Collaboration Tool | #3B82F6 | #60A5FA | #F97316 | remote, work, collaboration |
-
-### 🛒 E-commerce & Marketplace
-
-| # | Nome | Primary | Secondary | CTA | Keywords |
-|---|------|---------|-----------|-----|----------|
-| 3 | E-commerce | #3B82F6 | #60A5FA | #F97316 | commerce |
-| 4 | E-commerce Luxury | #1C1917 | #44403C | #CA8A04 | commerce, luxury |
-| 28 | Subscription Box Service | #3B82F6 | #60A5FA | #F97316 | subscription, box |
-| 50 | Marketplace (P2P) | #3B82F6 | #60A5FA | #F97316 | marketplace, p2p |
-
-### 💰 Fintech & Finance
-
-| # | Nome | Primary | Secondary | CTA | Keywords |
-|---|------|---------|-----------|-----|----------|
-| 7 | Financial Dashboard | #3B82F6 | #60A5FA | #F97316 | financial, dashboard |
-| 15 | Fintech/Crypto | #F59E0B | #FBBF24 | #8B5CF6 | fintech, crypto |
-| 20 | NFT/Web3 Platform | #3B82F6 | #60A5FA | #F97316 | nft, web3, platform |
-| 44 | Banking/Traditional Finance | #0F766E | #14B8A6 | #0369A1 | banking, traditional |
-| 43 | Insurance Platform | #3B82F6 | #60A5FA | #F97316 | insurance, platform |
-
-### 🏥 Healthcare & Wellness
-
-| # | Nome | Primary | Secondary | CTA | Keywords |
-|---|------|---------|-----------|-----|----------|
-| 9 | Healthcare App | #0891B2 | #22D3EE | #059669 | healthcare, app |
-| 24 | Mental Health App | #3B82F6 | #60A5FA | #F97316 | mental, health |
-| 34 | Beauty/Spa/Wellness Service | #10B981 | #34D399 | #8B5CF6 | beauty, spa, wellness |
-| 37 | Fitness/Gym App | #DC2626 | #F87171 | #16A34A | fitness, gym |
-| 60 | Senior Care/Elderly | #3B82F6 | #60A5FA | #F97316 | senior, care, elderly |
-
-### 🎓 Education & Learning
-
-| # | Nome | Primary | Secondary | CTA | Keywords |
-|---|------|---------|-----------|-----|----------|
-| 10 | Educational App | #4F46E5 | #818CF8 | #F97316 | educational, app |
-| 45 | Online Course/E-learning | #0D9488 | #2DD4BF | #EA580C | online, course, learning |
-| 84 | Language Learning App | #0D9488 | #2DD4BF | #EA580C | language, learning |
-| 85 | Coding Bootcamp | #3B82F6 | #60A5FA | #F97316 | coding, bootcamp |
-
-### 🎨 Creative & Entertainment
-
-| # | Nome | Primary | Secondary | CTA | Keywords |
-|---|------|---------|-----------|-----|----------|
-| 11 | Creative Agency | #EC4899 | #F472B6 | #06B6D4 | creative, agency |
-| 12 | Portfolio/Personal | #18181B | #3F3F46 | #2563EB | portfolio, personal |
-| 13 | Gaming | #7C3AED | #A78BFA | #F43F5E | gaming |
-| 29 | Podcast Platform | #3B82F6 | #60A5FA | #F97316 | podcast, platform |
-| 47 | Music Streaming | #3B82F6 | #60A5FA | #F97316 | music, streaming |
-
-### 🏪 Services & Local Business
-
-| # | Nome | Primary | Secondary | CTA | Keywords |
-|---|------|---------|-----------|-----|----------|
-| 5 | Service Landing Page | #3B82F6 | #60A5FA | #F97316 | service, landing |
-| 6 | B2B Service | #0F172A | #334155 | #0369A1 | b2b, service |
-| 36 | Restaurant/Food Service | #DC2626 | #F87171 | #CA8A04 | restaurant, food |
-| 38 | Real Estate/Property | #0F766E | #14B8A6 | #0369A1 | real, estate |
-| 40 | Hotel/Hospitality | #1E3A8A | #3B82F6 | #CA8A04 | hotel, hospitality |
-
-### 🔐 Tech & Security
-
-| # | Nome | Primary | Secondary | CTA | Keywords |
-|---|------|---------|-----------|-----|----------|
-| 19 | AI/Chatbot Platform | #7C3AED | #A78BFA | #06B6D4 | chatbot, platform |
-| 86 | Cybersecurity Platform | #00FF41 | #0D0D0D | #00FF41 | cybersecurity, hacker |
-| 87 | Developer Tool / IDE | #3B82F6 | #1E293B | #2563EB | developer, tool, ide, code |
-
-### 🚀 Innovation & Future
-
-| # | Nome | Primary | Secondary | CTA | Keywords |
-|---|------|---------|-----------|-----|----------|
-| 88 | Biotech / Life Sciences | #0EA5E9 | #0284C7 | #10B981 | biotech, science |
-| 89 | Space Tech / Aerospace | #FFFFFF | #94A3B8 | #3B82F6 | space, aerospace |
-| 91 | Quantum Computing | #00FFFF | #7B61FF | #FF00FF | quantum, qubit |
-| 95 | Spatial / Vision OS | #FFFFFF | #E5E5E5 | #007AFF | spatial, glass, vision |
-| 96 | Climate Tech | #2E8B57 | #87CEEB | #FFD700 | climate, green, energy |
-
----
-
-## 📖 Como Usar
-
-### Para ler detalhes completos:
-
-1. **Via Índice:** Encontre número da paleta acima
-2. **Abra CSV:** `content/design-system/data/colors.csv`
-3. **Vá para linha:** Linha = Número + 1 (header na linha 1)
-4. **Extraia campos:** Primary, Secondary, CTA, Background, Text, Border, Notes
-
-### Exemplo:
-
-```
-Projeto: SaaS de gestão de projetos
-Buscar: "SaaS (General)" → # 1
-Abrir: colors.csv linha 2
-Resultado completo:
-- Primary: #2563EB
-- Secondary: #3B82F6
-- CTA: #F97316
-- Background: #F8FAFC
-- Text: #1E293B
-- Border: #E2E8F0
-- Notes: Trust blue + accent contrast
-```
-
----
-
-## ⚠️ Validação Obrigatória
-
-**Purple Ban:** Verificar se paleta NÃO usa roxo como cor principal (regra MCP UX Design)
-
-Cores a evitar:
-- Roxo (#6B21A8, #7C3AED, #8B5CF6, #A78BFA)
-- Violeta
-- Magenta (#EC4899, #F472B6)
-
-**Exceções no database:**
-- Linha 19: AI/Chatbot Platform (#7C3AED) ⚠️
-- Linha 41: Wedding/Event Planning (#7C3AED) ⚠️
-- Linha 76: Event Management (#7C3AED) ⚠️
-- Linha 78: Membership/Community (#7C3AED) ⚠️
-
-→ Se encontrar roxo, sugerir alternativa ao usuário
-
----
-
-**Total de paletas:** 96  
-**Última atualização:** 2026-01-23

package/dist/content/content/design-system/indexes/quick-search.md

@@ -1,111 +0,0 @@
-# Guia Rápido de Busca no Design System
-
-Referência rápida para buscar paletas, fontes e estilos.
-
----
-
-## 🎯 Busca por Keywords
-
-### Buscar Paleta de Cores
-
-**Por tipo de produto:**
-```
-SaaS → Linhas 1-2, 17-18, 23
-E-commerce → Linhas 3-4, 28, 50
-Fintech → Linhas 7, 15, 20, 43-44
-Healthcare → Linhas 9, 24, 34, 37, 60-64
-Education → Linhas 10, 45, 84-85
-```
-
-**Por mood/estilo:**
-```
-Professional/Corporate → Linhas 6, 14, 42-43, 72-73
-Creative/Artistic → Linhas  11-12, 39, 75
-Dark/Tech → Linhas 15, 86-87, 89, 91
-Elegant/Luxury → Linhas 4, 35, 38, 40-41
-Playful/Fun → Linhas 13, 27, 30, 59
-```
-
-### Buscar Par de Fontes
-
-**Por mood:**
-```
-Elegant → STT 1, 12, 30, 50
-Modern → STT 2, 3, 11, 13
-Professional → STT 2, 16, 31
-Playful → STT 6, 19, 45
-Minimal → STT 5, 47, 48
-```
-
-**Por uso:**
-```
-Luxury brands → STT 1, 12, 32, 50
-SaaS/Tech → STT 2, 3, 13, 31
-Editorial/Blog → STT 4, 14, 35
-Developer tools → STT 9, 42
-```
-
-### Buscar Estilo UI
-
-**Por categoria:**
-```
-Minimalism → STT 1, 5, 47, 50
-Modern → STT 2, 11, 20, 43
-3D/Immersive → STT 6, 15
-Dark Mode → STT 8, 41-42
-Landing Page → STT 21-28
-Dashboard/BI → STT 29-38
-```
-
----
-
-## 📊 Workflow Rápido
-
-### Cenário 1: Projeto SaaS Moderno
-
-```markdown
-1. Cores: colors-index.md → "SaaS General" (#2563EB)
-2. Fontes: typography-index.md → "Modern Professional" (Poppins + Open Sans)
-3. Estilo: styles-index.md → "Minimalism & Swiss Style"
-4. Resultado: Design system completo em < 5min
-```
-
-### Cenário 2: E-commerce Luxury
-
-```markdown
-1. Cores: colors-index.md → "E-commerce Luxury" (#1C1917 black + gold)
-2. Fontes: typography-index.md → "Luxury Serif" (Cormorant + Montserrat)
-3. Estilo: styles-index.md → "Luxury Minimalist"
-4. Guidelines: UX → Evitar distrações, foco em produto
-```
-
-### Cenário 3: Healthcare App
-
-```markdown
-1. Cores: colors-index.md → "Healthcare App" (#0891B2 calm blue)
-2. Fontes: typography-index.md → "Medical Clean" (Figtree + Noto Sans)
-3. Estilo: styles-index.md → "Accessible & Ethical" (WCAG AAA)
-4. Validação: Acessibilidade obrigatória
-```
-
----
-
-## 🔗 Links Rápidos
-
-- **[README Principal](../README.md)** - Visão geral
-- **[Cores Completo](colors-index.md)** - 96 paletas
-- **[Tipografia](typography-index.md)** - 57 pares
-- **[Estilos](styles-index.md)** - 58 estilos
-
----
-
-## ⚡ Dicas de Eficiência
-
-1. **Comece pelo tipo de produto** (SaaS, E-commerce, etc)
-2. **Refine por mood** (Elegant, Modern, Playful)
-3. **Valide Purple Ban** (sem roxo)
-4. **Confirme com usuário** (database é sugestão)
-
----
-
-**Atualizado:** 2026-01-23