@maestro-ai/mcp-server 1.2.0 → 2.1.0

package/dist/content/skills/specialist-prototipagem-stitch/resources/templates/prototipo-stitch.md

@@ -0,0 +1,317 @@
+# Protótipo Stitch - [Nome do Projeto]
+
+## 📋 Informações do Protótipo
+
+**Data de Criação:** [DD/MM/AAAA]  
+**Versão:** 1.0  
+**Design System:** [Material Design / Ant Design / Chakra UI / Custom]  
+**Responsável:** [Nome]  
+**Status:** [ ] Em Desenvolvimento [ ] Em Revisão [ ] Aprovado
+
+---
+
+## 🎯 Objetivo do Protótipo
+
+### Problema a Resolver
+[ ] **Descrição:** [Descreva o problema que este protótipo resolve]
+
+### Solução Proposta
+[ ] **Visão Geral:** [Descreva a solução visual proposta]
+
+### Stakeholders
+- [ ] **Product Owner:** [Nome]
+- [ ] **UX Designer:** [Nome]
+- [ ] **Tech Lead:** [Nome]
+- [ ] **Outros:** [Nomes]
+
+---
+
+## 📐 Componentes Mapeados
+
+### Componentes Principais
+
+#### 1. [Nome do Componente]
+- **Tipo:** [Navigation / Data Display / Input / Feedback / Layout]
+- **Prioridade:** [ ] Alta [ ] Média [ ] Baixa
+- **Funcionalidades:**
+  - [ ] [Funcionalidade 1]
+  - [ ] [Funcionalidade 2]
+  - [ ] [Funcionalidade 3]
+- **Interações:**
+  - [ ] [Interação 1: ex: Click no botão abre modal]
+  - [ ] [Interação 2]
+- **Estados:**
+  - [ ] Default
+  - [ ] Hover
+  - [ ] Active
+  - [ ] Disabled
+  - [ ] Loading
+  - [ ] Error
+
+#### 2. [Nome do Componente]
+- **Tipo:** [Navigation / Data Display / Input / Feedback / Layout]
+- **Prioridade:** [ ] Alta [ ] Média [ ] Baixa
+- **Funcionalidades:**
+  - [ ] [Funcionalidade 1]
+  - [ ] [Funcionalidade 2]
+- **Interações:**
+  - [ ] [Interação 1]
+  - [ ] [Interação 2]
+- **Estados:**
+  - [ ] Default
+  - [ ] Hover
+  - [ ] Active
+
+#### 3. [Nome do Componente]
+- **Tipo:** [Navigation / Data Display / Input / Feedback / Layout]
+- **Prioridade:** [ ] Alta [ ] Média [ ] Baixa
+- **Funcionalidades:**
+  - [ ] [Funcionalidade 1]
+- **Interações:**
+  - [ ] [Interação 1]
+
+---
+
+## 🔄 Fluxos de Usuário
+
+### Fluxo 1: [Nome do Fluxo]
+**Prioridade:** [ ] Crítica [ ] Alta [ ] Média [ ] Baixa
+
+**Passos:**
+1. [ ] **[Tela/Componente Inicial]**
+   - Ação: [Descrição da ação do usuário]
+   - Resultado: [O que acontece]
+
+2. [ ] **[Tela/Componente Seguinte]**
+   - Ação: [Descrição da ação do usuário]
+   - Resultado: [O que acontece]
+
+3. [ ] **[Tela/Componente Final]**
+   - Ação: [Descrição da ação do usuário]
+   - Resultado: [Estado final]
+
+**Validação:**
+- [ ] Fluxo completo funciona
+- [ ] Feedback visual em cada etapa
+- [ ] Tratamento de erros implementado
+
+---
+
+### Fluxo 2: [Nome do Fluxo]
+**Prioridade:** [ ] Crítica [ ] Alta [ ] Média [ ] Baixa
+
+**Passos:**
+1. [ ] **[Tela/Componente Inicial]**
+2. [ ] **[Tela/Componente Seguinte]**
+3. [ ] **[Tela/Componente Final]**
+
+---
+
+## 🎨 Design System Integration
+
+### Cores
+- **Primary:** [ ] [#HEX] - [Uso: Botões principais, links]
+- **Secondary:** [ ] [#HEX] - [Uso: Botões secundários]
+- **Success:** [ ] [#HEX] - [Uso: Mensagens de sucesso]
+- **Warning:** [ ] [#HEX] - [Uso: Avisos]
+- **Error:** [ ] [#HEX] - [Uso: Erros]
+- **Info:** [ ] [#HEX] - [Uso: Informações]
+- **Background:** [ ] [#HEX] - [Uso: Fundo principal]
+- **Surface:** [ ] [#HEX] - [Uso: Cards, modais]
+- **Text Primary:** [ ] [#HEX] - [Uso: Texto principal]
+- **Text Secondary:** [ ] [#HEX] - [Uso: Texto secundário]
+
+### Tipografia
+- **Font Family:** [ ] [Nome da fonte]
+- **Heading 1:** [ ] [Tamanho/Peso] - [Uso]
+- **Heading 2:** [ ] [Tamanho/Peso] - [Uso]
+- **Heading 3:** [ ] [Tamanho/Peso] - [Uso]
+- **Body:** [ ] [Tamanho/Peso] - [Uso]
+- **Caption:** [ ] [Tamanho/Peso] - [Uso]
+- **Button:** [ ] [Tamanho/Peso] - [Uso]
+
+### Espaçamento
+- **Base Unit:** [ ] [8px / 4px / outro]
+- **Spacing Scale:** [ ] [4, 8, 16, 24, 32, 48, 64]
+- **Container Max Width:** [ ] [1200px / 1440px / outro]
+- **Grid Columns:** [ ] [12 / 24 / outro]
+- **Gutter:** [ ] [16px / 24px / outro]
+
+### Componentes do Design System
+- [ ] Buttons
+- [ ] Inputs
+- [ ] Cards
+- [ ] Modals
+- [ ] Navigation
+- [ ] Tables
+- [ ] Forms
+- [ ] Icons
+- [ ] Badges
+- [ ] Tooltips
+- [ ] Alerts
+
+---
+
+## 📱 Responsividade
+
+### Breakpoints
+- **Mobile:** [ ] < 768px
+- **Tablet:** [ ] 768px - 1024px
+- **Desktop:** [ ] > 1024px
+- **Wide:** [ ] > 1440px
+
+### Adaptações por Dispositivo
+
+#### Mobile (< 768px)
+- [ ] [Componente 1]: [Como se adapta]
+- [ ] [Componente 2]: [Como se adapta]
+- [ ] [Componente 3]: [Como se adapta]
+
+#### Tablet (768px - 1024px)
+- [ ] [Componente 1]: [Como se adapta]
+- [ ] [Componente 2]: [Como se adapta]
+
+#### Desktop (> 1024px)
+- [ ] Layout completo
+- [ ] Todos os componentes visíveis
+
+---
+
+## 🔗 Links do Protótipo
+
+### Google Stitch
+- **URL do Protótipo:** [ ] [URL do Stitch]
+- **Última Atualização:** [DD/MM/AAAA HH:MM]
+- **Versão:** [1.0 / 1.1 / etc]
+
+### Código Exportado
+- **Localização:** [ ] [Caminho para pasta com código]
+- **Formato:** [ ] HTML/CSS [ ] React [ ] Vue [ ] Outro
+- **Data de Export:** [DD/MM/AAAA]
+
+### Compartilhamento
+- **Link Público:** [ ] [URL para compartilhar com stakeholders]
+- **Senha (se aplicável):** [Senha]
+- **Validade:** [Data de expiração]
+
+---
+
+## 💬 Feedback Coletado
+
+### Rodada 1 - [DD/MM/AAAA]
+
+#### Stakeholder: [Nome]
+**Feedback:**
+- [ ] **Positivo:** [O que funcionou bem]
+- [ ] **Sugestão:** [O que pode melhorar]
+- [ ] **Crítico:** [O que precisa mudar]
+
+**Ações:**
+- [ ] [Ação 1 baseada no feedback]
+- [ ] [Ação 2 baseada no feedback]
+
+---
+
+### Rodada 2 - [DD/MM/AAAA]
+
+#### Stakeholder: [Nome]
+**Feedback:**
+- [ ] **Positivo:** [O que funcionou bem]
+- [ ] **Sugestão:** [O que pode melhorar]
+
+**Ações:**
+- [ ] [Ação 1 baseada no feedback]
+
+---
+
+## ✅ Checklist de Validação
+
+### Componentes (40 pontos)
+- [ ] Todos os componentes principais presentes (20 pontos)
+- [ ] Componentes seguem Design System (10 pontos)
+- [ ] Estados de componentes implementados (5 pontos)
+- [ ] Componentes são reutilizáveis (5 pontos)
+
+### Fluxos (30 pontos)
+- [ ] Fluxos principais funcionam corretamente (15 pontos)
+- [ ] Navegação é intuitiva (10 pontos)
+- [ ] Feedback visual em cada etapa (5 pontos)
+
+### Design (20 pontos)
+- [ ] Cores do Design System aplicadas (5 pontos)
+- [ ] Tipografia consistente (5 pontos)
+- [ ] Espaçamento uniforme (5 pontos)
+- [ ] Responsividade implementada (5 pontos)
+
+### Qualidade (10 pontos)
+- [ ] Código exportado disponível (5 pontos)
+- [ ] Feedback dos stakeholders coletado (3 pontos)
+- [ ] Documentação completa (2 pontos)
+
+**Score Total:** [ ] / 100 pontos  
+**Score Mínimo para Aprovação:** 75 pontos
+
+---
+
+## 📊 Decisões de Design
+
+### Decisão 1: [Título da Decisão]
+**Data:** [DD/MM/AAAA]  
+**Contexto:** [Por que essa decisão foi necessária]  
+**Opções Consideradas:**
+- [ ] Opção A: [Descrição]
+- [ ] Opção B: [Descrição]
+- [ ] Opção C: [Descrição]
+
+**Decisão Final:** [Opção escolhida]  
+**Justificativa:** [Por que essa opção foi escolhida]  
+**Impacto:** [Como isso afeta o projeto]
+
+---
+
+### Decisão 2: [Título da Decisão]
+**Data:** [DD/MM/AAAA]  
+**Contexto:** [Por que essa decisão foi necessária]  
+**Decisão Final:** [Opção escolhida]  
+**Justificativa:** [Por que essa opção foi escolhida]
+
+---
+
+## 🚀 Próximos Passos
+
+### Imediatos
+- [ ] Compartilhar protótipo com equipe de desenvolvimento
+- [ ] Atualizar Design Doc com decisões visuais finais
+- [ ] Criar histórias de usuário baseadas nos fluxos validados
+- [ ] Exportar código final do Stitch
+
+### Desenvolvimento
+- [ ] Iniciar desenvolvimento frontend com referência ao protótipo
+- [ ] Manter protótipo como documentação viva
+- [ ] Sincronizar mudanças entre protótipo e código real
+
+### Manutenção
+- [ ] Atualizar protótipo conforme feedback de usuários reais
+- [ ] Documentar divergências entre protótipo e implementação
+- [ ] Revisar protótipo a cada iteração do produto
+
+---
+
+## 📝 Notas Adicionais
+
+### Observações
+[Espaço para notas gerais, observações importantes, ou contexto adicional]
+
+### Riscos Identificados
+- [ ] **Risco 1:** [Descrição] - Mitigação: [Como mitigar]
+- [ ] **Risco 2:** [Descrição] - Mitigação: [Como mitigar]
+
+### Dependências Externas
+- [ ] [Dependência 1: ex: API de terceiros]
+- [ ] [Dependência 2: ex: Biblioteca de componentes]
+
+---
+
+**Versão do Template:** 1.0.0  
+**Última Atualização:** 30/01/2026  
+**Mantido por:** Maestro Team