oryon-framework 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/.claude/CLAUDE.md +387 -0
  2. package/.claude/commands/ORYON/agents/build.md +630 -0
  3. package/.claude/commands/ORYON/agents/check.md +511 -0
  4. package/.claude/commands/ORYON/agents/plan.md +502 -0
  5. package/.claude/commands/ORYON/agents/research.md +642 -0
  6. package/.claude/commands/ORYON/agents/ship.md +527 -0
  7. package/.claude/commands/ORYON/ask.md +48 -0
  8. package/.claude/commands/ORYON/conclave.md +256 -0
  9. package/.claude/commands/ORYON/start.md +166 -0
  10. package/.claude/commands/ORYON/status.md +42 -0
  11. package/.claude/hooks/README.md +194 -0
  12. package/.claude/hooks/code-intel-pretool.cjs +107 -0
  13. package/.claude/hooks/precompact-session-digest.cjs +106 -0
  14. package/.claude/hooks/synapse-engine.cjs +113 -0
  15. package/.claude/rules/agent-memory-imports.md +15 -0
  16. package/.claude/rules/coderabbit-integration.md +101 -0
  17. package/.claude/rules/ids-principles.md +119 -0
  18. package/.claude/rules/mcp-usage.md +176 -0
  19. package/.claude/rules/story-lifecycle.md +145 -0
  20. package/.claude/rules/token-efficiency.md +28 -0
  21. package/.claude/rules/tool-response-filtering.md +57 -0
  22. package/.claude/rules/vault-protocol.md +107 -0
  23. package/.claude/settings.json +3 -0
  24. package/.claude/settings.local.json +47 -0
  25. package/.gitignore +29 -0
  26. package/.knowledge/INDEX.md +67 -0
  27. package/.knowledge/dossiers/DOSSIER-AGENTES-IA.md +122 -0
  28. package/.knowledge/dossiers/DOSSIER-AI-OPERATING-SYSTEMS.md +209 -0
  29. package/.knowledge/dossiers/DOSSIER-CHATGPT-FERRAMENTAS.md +386 -0
  30. package/.knowledge/dossiers/DOSSIER-CLAUDE-CODE-DEV.md +209 -0
  31. package/.knowledge/dossiers/DOSSIER-CONCURSOS-EDUCACAO.md +233 -0
  32. package/.knowledge/dossiers/DOSSIER-COPYWRITING-FOUNDATION.md +283 -0
  33. package/.knowledge/dossiers/DOSSIER-ENTREGAVEIS-IA.md +180 -0
  34. package/.knowledge/dossiers/DOSSIER-GOOGLE-ADS.md +365 -0
  35. package/.knowledge/dossiers/DOSSIER-IA-CRIATIVOS-AUTOMACAO.md +568 -0
  36. package/.knowledge/dossiers/DOSSIER-LOW-TICKET-INFOPRODUTO.md +198 -0
  37. package/.knowledge/dossiers/DOSSIER-MARKETING-GERAL.md +347 -0
  38. package/.knowledge/dossiers/DOSSIER-META-ADS-TRAFFIC.md +570 -0
  39. package/.knowledge/dossiers/DOSSIER-META-PIXEL-TRACKING.md +240 -0
  40. package/.knowledge/dossiers/DOSSIER-OFERTAS-LOWTICKET.md +357 -0
  41. package/.knowledge/dossiers/DOSSIER-OFERTAS-LP.md +306 -0
  42. package/.knowledge/dossiers/DOSSIER-OFERTAS-MINERADAS.md +935 -0
  43. package/.knowledge/dossiers/DOSSIER-PROMPT-ENGINEERING.md +542 -0
  44. package/.knowledge/dossiers/DOSSIER-PSICOLOGIA-PERSUASAO.md +259 -0
  45. package/.knowledge/dossiers/DOSSIER-QUIZ-FUNNEL.md +325 -0
  46. package/.knowledge/dossiers/DOSSIER-VENDAS-SCRIPTS.md +285 -0
  47. package/.knowledge/dossiers/DOSSIER-WHATSAPP-CHATBOT.md +165 -0
  48. package/bin/oryon.js +23 -0
  49. package/package.json +31 -0
  50. package/src/init.js +276 -0
@@ -0,0 +1,386 @@
1
+ # DOSSIER-CHATGPT-FERRAMENTAS
2
+ ## Ferramentas, Técnicas e Aplicações Práticas de ChatGPT e IAs Generativas
3
+
4
+ > **Versão:** 1.0.0
5
+ > **Criado:** 2026-03-26
6
+ > **Sources:** 22 arquivos (EP003, EP004, EP005, EP011, EP013, EP014, EP015, EP016, EP017, EP018, EP019, EP020, EP034, EP042, EP044, EP057, EP058, EP075, EP082, EP083, EP093, EP100)
7
+ > **Tema:** Ferramentas práticas, técnicas avançadas de prompt, aplicações verticais e comparativos de plataformas de IA
8
+
9
+ ---
10
+
11
+ ## VISÃO GERAL
12
+
13
+ Este dossier consolida o conhecimento sobre **uso prático de ChatGPT e outras IAs generativas** como ferramentas de produtividade, automação e criação. Cobre desde fundamentos técnicos (multimodalidade) até técnicas avançadas de prompting (REFLEXION, Prompt Matrix), passando por aplicações verticais específicas (análise estratégica, tradução, redação, criação de landing pages) e modelos de negócio baseados em IA (ecossistemas B2B).
14
+
15
+ ---
16
+
17
+ ## 1. ARQUITETURA TÉCNICA DAS IAs
18
+
19
+ ### 1.1 Multimodalidade — O Salto Qualitativo
20
+
21
+ **Conceito Central:** Redes multimodais processam múltiplos tipos de dados simultaneamente.
22
+
23
+ > **MM-EP003-001 (Orquestra):** Cada "instrumento" = tipo de dado (texto, imagem, áudio, vídeo). O maestro = algoritmo que coordena. A música = output integrado.
24
+
25
+ | Geração | Input → Output | Exemplo |
26
+ |---------|----------------|---------|
27
+ | 1ª | Texto → Texto | GPT-3, LLaMA |
28
+ | 2ª | Texto + Imagem → Texto | GPT-4V, Claude 3 |
29
+ | 3ª | Texto + Imagem + Voz → Tudo | ChatGPT multimodal (set/2023) |
30
+ | 4ª | + Vídeo tempo real | Em desenvolvimento |
31
+
32
+ **Casos de uso imediatos (HEUR-EP013-002):**
33
+ - Foto de bicicleta → "como ajustar o selim?"
34
+ - Foto da geladeira → "que jantar posso fazer?"
35
+ - Lista de matemática fotografada → resolução passo a passo
36
+ - Mãos-livres: voz → voz (cozinhando, dirigindo, exercitando)
37
+
38
+ **FIL-EP013-001:** Multimodalidade remove a barreira linguística e de alfabetização — crianças, idosos e falantes não-nativos têm acesso pleno ao ChatGPT.
39
+
40
+ ---
41
+
42
+ ## 2. TÉCNICAS AVANÇADAS DE PROMPTING
43
+
44
+ ### 2.1 REFLEXION — Loop de Auto-Melhoria
45
+
46
+ **FW-EP082-001 (Arquitetura):**
47
+ ```
48
+ [IDEALIZADOR] → Gera resposta inicial
49
+
50
+ [ANALISADOR/CRÍTICO] → Identifica falhas
51
+
52
+ [REFINAMENTO] → Idealizador corrige
53
+
54
+ [LOOP N vezes] → Silenciosamente
55
+
56
+ [OUTPUT FINAL] → Somente versão refinada
57
+ ```
58
+
59
+ **Regras práticas:**
60
+ - **HEUR-EP082-001:** 3 iterações = sweet spot; mais de 5 tem retorno marginal
61
+ - **HEUR-EP082-002:** Brilha em tarefas verificáveis (código, lógica); menor impacto em criativo puro
62
+ - **HEUR-EP082-003:** "Não mostre o processo interno" — o usuário não vê as iterações brutas
63
+ - **Melhoria reportada no paper:** até 97% de precisão em benchmarks específicos
64
+
65
+ ### 2.2 Prompt Matrix — Sistema de Ensino Interativo
66
+
67
+ **FW-EP019-001 (Arquitetura):**
68
+ ```
69
+ [Mente Superior] → orquestra:
70
+ ├── [Estudante] → inicia em complexidade=1
71
+ └── [Professor Pós-Doutor] → responde de forma clara
72
+ ```
73
+
74
+ **Menu de 16 opções (FW-EP019-002):**
75
+
76
+ | # | Opção | Ação |
77
+ |---|-------|------|
78
+ | 1 | Avançar | Próxima pergunta |
79
+ | 4 | Complexidade | Redefinir nível 1-10 |
80
+ | 7 | Analogia | Refazer com analogia |
81
+ | 8 | Técnico | Mais detalhes técnicos |
82
+ | 9 | Exemplo | Exemplos do mundo real |
83
+ | 12 | Especialistas | Citar especialistas |
84
+ | 14 | Para criança | Técnica Feynman embutida |
85
+ | 16 | Estatísticas | Dados e evidências |
86
+
87
+ **Combinação mortífera (HEUR-EP019-003):** Opção 4 (complexidade=10) + 5 (tamanho=10) + 12 (especialistas) = deep dive universitário em qualquer tópico.
88
+
89
+ ### 2.3 Sistema de Controles de Output
90
+
91
+ **FW-EP015-001 (Controles Numéricos e Categóricos):**
92
+
93
+ | Controle | Escala | Exemplo |
94
+ |----------|--------|---------|
95
+ | Complexidade | 1-10 | `complexidade=8` |
96
+ | Entonação | formal/casual/divertido | `entonação=formal` |
97
+ | Surpresa | 0.1-0.9 | `nível_surpresa=0.9` |
98
+ | Foco | 1-10 | `foco_tópico=9` |
99
+ | Originalidade | 1-10 | `originalidade=10` |
100
+ | Abstração | 1-10 | `abstração=3` |
101
+
102
+ **HEUR-EP015-001:** Controles numéricos > descrições qualitativas — "complexidade=8" é mais preciso que "muito complexo".
103
+
104
+ **HEUR-EP015-002:** Surpresa 0.8-0.9 = plot twists e subversão de expectativas; 0.1-0.2 = fórmula clássica previsível.
105
+
106
+ ### 2.4 Prompt Debugger — Verificação Antes da Execução
107
+
108
+ **FW-EP011-001 (Template):**
109
+ ```xml
110
+ <prompt>
111
+ [SEU PROMPT AQUI]
112
+ </prompt>
113
+
114
+ Não execute nenhuma ação. Descreva em detalhes como você interpretou
115
+ as instruções acima. O que você vai fazer? Quais premissas está assumindo?
116
+ ```
117
+
118
+ **MET-EP011-001:** 7 etapas do Prompt Debugger:
119
+ 1. Envolver prompt em `<prompt></prompt>`
120
+ 2. Adicionar instrução de não-execução
121
+ 3. LLM reporta a interpretação
122
+ 4. Identificar divergências entre intenção e interpretação
123
+ 5. Corrigir o prompt original
124
+ 6. Repetir até interpretação correta
125
+ 7. Executar o prompt corrigido
126
+
127
+ **MM-EP011-001 (Dry Run):** Assim como pilotos fazem checklist ANTES de decolar, o Prompt Debugger valida a instrução ANTES de executar — especialmente crítico para automações e agents.
128
+
129
+ ---
130
+
131
+ ## 3. APLICAÇÕES VERTICAIS
132
+
133
+ ### 3.1 Tradução com Controle Cultural
134
+
135
+ **FW-EP016-001 (Template Multi-língua):**
136
+ ```xml
137
+ Identifique a língua de cada sentença delimitada pela tag <msg></msg>
138
+ e traduza para o português no seguinte modelo:
139
+ [Língua identificada]
140
+ ***
141
+ Texto original: [...]
142
+ Tradução: [...]
143
+
144
+ <msg>[frase em idioma desconhecido]</msg>
145
+ ```
146
+
147
+ **Vantagens vs Google Tradutor:**
148
+ - **HEUR-EP016-001:** Identifica idioma automaticamente — sem precisar informar língua de origem
149
+ - **HEUR-EP016-002:** "português do Brasil" → localização cultural real (gírias, expressões idiomáticas)
150
+ - **HEUR-EP016-003:** Tom ultra formal → linguagem jurídica/científica
151
+ - **HEUR-EP016-004:** Tom informal + piadas → adaptação cultural (não tradução literal)
152
+ - **MM-EP016-001:** Google Traduz palavras; ChatGPT adapta significado e tom
153
+
154
+ ### 3.2 Análise Estratégica — SWOT + PASTEL
155
+
156
+ **FW-EP020-001 (Prompt Analista):** Persona sênior + SWOT completo + PASTEL + rating 5 estrelas.
157
+
158
+ **FW-EP020-002 (PASTEL):**
159
+
160
+ | Dimensão | O Que Analisa |
161
+ |----------|---------------|
162
+ | Político | Regulações, governos, estabilidade |
163
+ | Ambiental | Impacto ecológico, ESG |
164
+ | Social | Tendências, demografias, comportamento |
165
+ | Tecnológico | Inovação, disrupção, automação |
166
+ | Econômico | PIB, inflação, câmbio, ciclos |
167
+ | Legal | Legislação, conformidade, litígios |
168
+
169
+ **MM-EP020-001:** SWOT + PASTEL = análise de consultoria McKinsey democratizada — antes restrita a grandes empresas, agora acessível a qualquer pessoa em minutos.
170
+
171
+ ### 3.3 Inferência de Dados a partir de Nomes
172
+
173
+ **FW-EP034-001 (Template):** CSV de nomes → CSV enriquecido com Gênero + Probabilidade.
174
+
175
+ **Heurísticas:**
176
+ - **HEUR-EP034-001:** ~85-95% de precisão para nomes brasileiros comuns
177
+ - **HEUR-EP034-002:** Coluna "Probabilidade Alta" → usar para personalização crítica
178
+ - **HEUR-EP034-003:** Lotes de 50-100 nomes por prompt
179
+ - **HEUR-EP034-004:** Também funciona para: origem regional, faixa etária, etnia
180
+
181
+ **FIL-EP034-001:** O LLM como "database de padrões humanos" — nomes carregam DNA cultural que o modelo decodifica sob demanda.
182
+
183
+ ### 3.4 Leitura de Artigos Científicos — SCIENTIST GPT
184
+
185
+ **FW-EP083-001 (16 Comandos):** Incluindo:
186
+ - `/gap` → problema que o paper resolve
187
+ - `/equacoes` → extração de todas as equações
188
+ - `/codigo` → implementação do método em Python/R (killer feature)
189
+ - `/critica` → análise independente das fraquezas
190
+ - `/eli5` → explicar para criança de 10 anos
191
+
192
+ **Fluxo de absorção profunda:** `/resumo → /gap → /metodo → /codigo → /aplicacao`
193
+
194
+ **HEUR-EP083-001:** Claude com 200k tokens supera ChatGPT para papers longos — processa o paper completo sem chunking.
195
+
196
+ **HEUR-EP083-002:** `/codigo` transforma equações matemáticas em código executável em minutos vs. dias de implementação manual.
197
+
198
+ ### 3.5 Professor de Redação — Concurso Público e ENEM
199
+
200
+ **FW-EP017-001 (Persona):** Professor Pós-Doutor de Redação com menu de 17 opções.
201
+
202
+ **Destaques:**
203
+ - Opção 11: Nota 0-1000 estilo ENEM/concurso
204
+ - Opção 12: Revisão gramatical completa
205
+ - Opção 17: Análise de redações nota 1000 anteriores
206
+
207
+ **MM-EP017-001:** ChatGPT como tutor particular infinito — ilimitado, 24/7, corrige múltiplas versões, explica critério a critério. Equalização de acesso para concursandos sem budget.
208
+
209
+ ---
210
+
211
+ ## 4. FERRAMENTAS E PLUGINS
212
+
213
+ ### 4.1 Leitura de PDFs
214
+
215
+ **Método 1 — AskYourPDF (MET-EP014-001):**
216
+ - Ativar plugin → `<link>[URL]</link> Crie um resumo...`
217
+ - Aceita: link direto ou Google Drive (compartilhado publicamente)
218
+
219
+ **Método 2 — Extensão Chrome (MET-EP058-001):**
220
+ - "GPT Fire Upload" para ChatGPT 3.5 gratuito
221
+ - **HEUR-EP058-001:** Funciona via extração client-side (converte PDF em texto localmente)
222
+ - **HEUR-EP058-002:** Limitação: PDFs com imagens ou texto não-selecionável degradam qualidade
223
+
224
+ **HEUR-EP014-002:** Para textos > 32k tokens: converter em PDF + AskYourPDF resolve limite de contexto.
225
+
226
+ ### 4.2 Clonagem de Estilo — Prompt Clone
227
+
228
+ **FW-EP093-001 (Pipeline):**
229
+ 1. Capturar transcrição via extensão YouTube
230
+ 2. `"Analise e memorize o estilo de escrita do texto abaixo"`
231
+ 3. `"Usando o mesmo estilo, escreva: [nova peça]"`
232
+
233
+ **HEUR-EP093-001:** Transcrição de vídeo = melhor amostra de estilo (captura voz "falada", mais autêntica que textos editados).
234
+
235
+ **MET-EP093-001:** Self-clone para escala de conteúdo: gravar → transcrever → usar como sample → produzir 10x mais conteúdo na voz autêntica.
236
+
237
+ ### 4.3 Consultor Etimológico
238
+
239
+ **FW-EP044-001:** `"Me retorne a etimologia da palavra [X], evolução histórica, variações em outras línguas. Escreva em português."`
240
+
241
+ **HEUR-EP044-001:** Adicionar "escreva em português" é obrigatório — sem isso, o modelo responde no idioma da palavra pesquisada.
242
+
243
+ ### 4.4 Criação de Landing Pages — Google AntiGravity
244
+
245
+ **FW-EP100-001 (Workflow):** App local + Gemini 3 Pro + modo Flash → LP animada.
246
+
247
+ **Stack gratuita:** AntiGravity (app) + Netlify (hospedagem drag & drop) = R$0.
248
+
249
+ **Heurísticas críticas:**
250
+ - **HEUR-EP100-001:** Usar modo Flash (não Planning) para criação rápida
251
+ - **HEUR-EP100-002:** Mobile first — público low-ticket compra 100% pelo mobile
252
+ - **HEUR-EP100-003:** Anexar print de referência → modelo replica o estilo visualmente
253
+ - **HEUR-EP100-004:** Hero com animação 3D melhora retenção — primeira dobra precisa prender
254
+
255
+ ---
256
+
257
+ ## 5. COMPARATIVO DE PLATAFORMAS
258
+
259
+ ### 5.1 Claude vs ChatGPT
260
+
261
+ **FW-EP057-002:**
262
+
263
+ | Dimensão | Claude | ChatGPT |
264
+ |----------|--------|---------|
265
+ | Contexto | 200k tokens | 32k (GPT-4o) |
266
+ | Instrução longa | Superior | Perde contexto |
267
+ | Escrita/voz | Superior | Mais genérico |
268
+ | Agente autônomo | cWork | Operator (beta) |
269
+ | Código | Superior (Claude Code) | Comparável |
270
+
271
+ **3 Modos do Claude (FW-EP057-001):**
272
+ - **Chat + Skills + Connectors:** Chat com Google Drive, Notion, Slack integrados
273
+ - **cWork:** Agente autônomo que opera o computador (clica, digita, navega)
274
+ - **Claude Code:** Desenvolvimento por vibe coding com execução autônoma
275
+
276
+ **FIL-EP057-001:** A escolha entre Claude e ChatGPT deve ser baseada em caso de uso, não lealdade de marca.
277
+
278
+ ---
279
+
280
+ ## 6. MODELOS DE NEGÓCIO COM IA
281
+
282
+ ### 6.1 Vender Ecossistemas, Não Agentes
283
+
284
+ **FW-EP075-001 (Estrutura de Ecossistema B2B):**
285
+ ```
286
+ ECOSSISTEMA (ex: clínica médica)
287
+ ├── Consultoria de mapeamento de processo
288
+ ├── Agente N8N (atendimento + qualificação + agendamento)
289
+ ├── Automações WhatsApp (lembretes + follow-up)
290
+ ├── Dashboard visual (Lovable/Metabase)
291
+ └── Treinamento + mentoria do time
292
+ TICKET: R$5k a R$15k+
293
+ ```
294
+
295
+ **Heurísticas:**
296
+ - **HEUR-EP075-001:** Cliente quer ROI (faturamento/custo), não tecnologia — começar pela dor e calcular payback
297
+ - **HEUR-EP075-002:** Dashboard visual é obrigatório — é o que o cliente VÊ e associa ao valor pago
298
+ - **HEUR-EP075-003:** Payback típico em 2 meses → 10 meses de lucro puro para o cliente = venda fácil
299
+ - **HEUR-EP075-004:** Nicho único + replicação = escalabilidade real
300
+
301
+ **Critérios de nicho (FW-EP075-002):** Ticket médio alto + dor clara de vendas/suporte + budget para investir.
302
+
303
+ **MM-EP075-001:** Agente isolado = commodity (guerra de preço) vs. Ecossistema = produto proprietário (diferenciação + ticket alto).
304
+
305
+ ### 6.2 Case de Adaptação Profissional
306
+
307
+ **MM-EP042-001 (Manter-se no Jogo):**
308
+ - IA ameaça → aprender as ferramentas que os gestores estão adotando ANTES de ser cobrado
309
+ - Resultado: de ameaçado a líder da transformação digital interna
310
+
311
+ **FIL-EP042-001:** A IA não substitui quem a usa — substitui quem a ignora.
312
+
313
+ ---
314
+
315
+ ## 7. ANÁLISE DE SENTIMENTO — PIPELINE TÉCNICO
316
+
317
+ **MET-EP005-001 (Pipeline):**
318
+ ```
319
+ PROMPT DE ANÁLISE → [Modelo LLM] → JSON estruturado
320
+
321
+ {sentimento, score, aspectos, entidades}
322
+
323
+ Flask API → Endpoint HTTP
324
+
325
+ Aplicação cliente
326
+ ```
327
+
328
+ **FW-EP004-001 (Micro-serviço Flask):**
329
+ ```python
330
+ @app.route('/analyze', methods=['POST'])
331
+ def analyze():
332
+ text = request.json['text']
333
+ result = client.chat.completions.create(...)
334
+ return jsonify(json.loads(result.content))
335
+ ```
336
+
337
+ **HEUR-EP004-001:** Remover `\n` antes de `json.loads()` — quebras de linha causam falha no parse de JSON gerado por LLMs.
338
+
339
+ **HEUR-EP005-002:** Output forçado em JSON com schema fixo → integração direta com sistemas legados sem parsing customizado.
340
+
341
+ ---
342
+
343
+ ## SÍNTESE: PRINCÍPIOS TRANSVERSAIS
344
+
345
+ 1. **Persona + Menu = Sistema Interativo:** Qualquer prompting avançado se beneficia de (a) definir persona especializada e (b) menu de opções numerado que reduz fricção cognitiva do usuário.
346
+
347
+ 2. **REFLEXION como Default:** Para qualquer tarefa complexa verificável, 3 iterações de idealizador + crítico melhoram substancialmente o output final.
348
+
349
+ 3. **Claude para contexto longo; ChatGPT para ecossistema de plugins:** Escolha baseada em caso de uso específico, não em preferência de marca.
350
+
351
+ 4. **Ecossistema > Ferramenta:** Tanto para uso interno (múltiplos modos/ferramentas integradas) quanto para oferta comercial (ecossistema > agente pontual).
352
+
353
+ 5. **Mobile first para low-ticket:** Toda LP e automação para ofertas de ticket baixo deve ser otimizada primariamente para mobile.
354
+
355
+ ---
356
+
357
+ ## ÍNDICE DE SOURCES
358
+
359
+ | Source | Título Resumido | Tema Principal |
360
+ |--------|-----------------|----------------|
361
+ | SOURCE-EP003 | Redes Multimodais — Conceito | Fundamento técnico |
362
+ | SOURCE-EP004 | Flask + ChatGPT API | Micro-serviço de sentimento |
363
+ | SOURCE-EP005 | Análise de Sentimento Avançada | Prompt de análise |
364
+ | SOURCE-EP011 | Prompt Debugger | Técnica de diagnóstico |
365
+ | SOURCE-EP013 | ChatGPT Multimodal | Voz + Visão + Imagem |
366
+ | SOURCE-EP014 | AskYourPDF Plugin | Leitura de PDF |
367
+ | SOURCE-EP015 | Controles de Output | Numéricos e categóricos |
368
+ | SOURCE-EP016 | ChatGPT vs Google Tradutor | Tradução com tom cultural |
369
+ | SOURCE-EP017 | Professor de Redação | Menu para ENEM/concurso |
370
+ | SOURCE-EP018 | Professor de Redação (var.) | Variante duplicada |
371
+ | SOURCE-EP019 | Prompt Matrix | Sistema de ensino interativo |
372
+ | SOURCE-EP020 | Analista Estratégico | SWOT + PASTEL + Rating |
373
+ | SOURCE-EP034 | Inferência de Nomes | Enriquecimento de dados |
374
+ | SOURCE-EP042 | Case Marcos | Adaptação profissional |
375
+ | SOURCE-EP044 | Consultor Etimológico | Origem e evolução de palavras |
376
+ | SOURCE-EP057 | Claude AI — Revisão | 3 modos + comparativo |
377
+ | SOURCE-EP058 | Chrome Extension PDF | PDF no ChatGPT 3.5 grátis |
378
+ | SOURCE-EP075 | Ecossistema de IA B2B | Modelo de negócio |
379
+ | SOURCE-EP082 | REFLEXION | Loop de auto-melhoria |
380
+ | SOURCE-EP083 | SCIENTIST GPT | Leitura de artigos científicos |
381
+ | SOURCE-EP093 | Prompt Clone | Clonagem de estilo de escrita |
382
+ | SOURCE-EP100 | Google AntiGravity | Landing pages com Gemini 3 Pro |
383
+
384
+ ---
385
+
386
+ *Dossier gerado pelo Pipeline Jarvis v2.2 | 2026-03-26*
@@ -0,0 +1,209 @@
1
+ # DOSSIER-CLAUDE-CODE-DEV
2
+ ## Claude Code: Desenvolvimento de Sites e Apps com IA
3
+
4
+ > **Versão:** 1.0.0
5
+ > **Criado:** 2026-03-26
6
+ > **Fontes:** EP006, EP040, EP046, EP086, EP097
7
+ > **Stack Principal:** Claude Code + VS Code + GitHub + Vercel + Stitch 2.0
8
+
9
+ ---
10
+
11
+ ## VISÃO GERAL
12
+
13
+ Claude Code é a ferramenta de desenvolvimento com IA da Anthropic que permite criar sites profissionais, automações e mini-SaaS sem experiência prévia em programação. A chave está em configurar corretamente o ambiente (CLAUDE.md, design assets, skills) para que o output seja profissional e não "AI vibecoded".
14
+
15
+ ---
16
+
17
+ ## 1. SETUP BÁSICO
18
+
19
+ **FW-EP040-001: Setup VS Code + Claude Code**
20
+ ```
21
+ PASSO 1: INSTALAR VS CODE
22
+ └── google.com → "VS Code" → download para seu OS
23
+
24
+ PASSO 2: INSTALAR EXTENSÃO CLAUDE CODE
25
+ └── Extensions → pesquisar "Claude Code" → instalar oficial Anthropic
26
+
27
+ PASSO 3: CONFIGURAR PROJETO
28
+ ├── Criar pasta do projeto no Desktop
29
+ ├── VS Code → File → Open Folder → selecionar pasta
30
+ ├── Criar pasta brand_assets/ (logo + guidelines)
31
+ └── Criar CLAUDE.md (regras do projeto)
32
+
33
+ PASSO 4: RODAR O PROJETO
34
+ ├── Terminal: Ctrl+J
35
+ ├── npm install (instalar dependências)
36
+ ├── npm run dev (servidor local)
37
+ └── Ctrl+clique no link → browser
38
+ ```
39
+
40
+ ---
41
+
42
+ ## 2. OS 5 HACKS PARA SITES PROFISSIONAIS (EP006)
43
+
44
+ **FW-EP006-001: 5 Hacks — Do "AI Vibecoded" ao Profissional**
45
+
46
+ ### Hack 0: CLAUDE.md (Pré-requisito)
47
+ ```
48
+ CLAUDE.md = system prompt do projeto
49
+
50
+ INCLUIR:
51
+ ├── Brand guidelines (cores, tipografia, tom de voz)
52
+ ├── Regras de design (ex: "sempre mobile-first")
53
+ ├── Stack tecnológica (ex: "use React + Tailwind")
54
+ ├── Workflow (ex: "crie branch antes de modificar")
55
+ └── Regras específicas do projeto
56
+
57
+ PASTA brand_assets/:
58
+ └── logo.svg + brand_guidelines.pdf
59
+ └── Claude aplica cores e tipografia automaticamente
60
+ ```
61
+
62
+ ### Hack 1: Frontend-Design Skill
63
+ ```
64
+ npm install -g @anthropic-ai/claude-code-skill-frontend-design
65
+
66
+ No CLAUDE.md adicionar:
67
+ "Always invoke frontend-design skill before writing any front-end code"
68
+
69
+ Resultado: output visual de ~40% para ~60%+ de qualidade
70
+ ```
71
+
72
+ ### Hack 2: Screenshot Loop (Puppeteer)
73
+ ```
74
+ Claude tira screenshots automáticas enquanto cria
75
+ → Compara o que buildou vs referência visual
76
+ → Faz 2 rounds de auto-revisão e polish
77
+
78
+ Setup: pedir ao Claude para instalar Puppeteer no projeto
79
+ ATENÇÃO: desativar para elementos animados (entra em loop)
80
+ ```
81
+
82
+ ### Hack 3: Clonagem de Sites
83
+ ```
84
+ 1. Abrir site de referência no navegador
85
+ 2. F12 → tirar screenshot da seção
86
+ 3. Copiar HTML relevante (inspecionar elemento)
87
+ 4. Passar para Claude: "Reproduza esta seção seguindo minha brand"
88
+ 5. Claude replica estrutura com sua identidade visual
89
+ ```
90
+
91
+ ### Hack 4: Componentes 21st.dev
92
+ ```
93
+ Site: 21st.dev
94
+ └── Biblioteca de componentes premium animados
95
+ └── Copiar o componente → Claude integra no projeto
96
+ └── Uso: hero sections, cards, animações, loaders
97
+ └── Eleva o nível visual sem criar do zero
98
+ ```
99
+
100
+ ### Pipeline de Deploy
101
+ ```
102
+ Claude Code → GitHub → Vercel (auto-deploy)
103
+ └── Vercel detecta push no GitHub → deploy automático
104
+ └── URL pública em segundos
105
+ ```
106
+
107
+ ---
108
+
109
+ ## 3. WORKFLOW STITCH 2.0 + CLAUDE CODE (EP086)
110
+
111
+ **FW-EP086-001: Design IA → Funcionalidade IA**
112
+ ```
113
+ PROBLEMA: Claude Code = excelente em código, medíocre em design
114
+
115
+ SOLUÇÃO: Stitch 2.0 (Google/Gemini) para design
116
+ Claude Code para funcionalidade
117
+
118
+ FLUXO:
119
+
120
+ PASSO 1: REFERÊNCIA VISUAL
121
+ └── Dribbble, Pinterest, Godly → tirar print
122
+
123
+ PASSO 2: STITCH 2.0 (gratuito)
124
+ └── google.com → "Stitch Google" → acessar
125
+ └── Upload da referência + prompt simples
126
+ └── Stitch gera:
127
+ ├── Design completo (UI/UX)
128
+ ├── Design system (cores, tipografia, espaçamentos)
129
+ └── Código exportável por seção
130
+
131
+ PASSO 3: CRIAR design.md NO PROJETO
132
+ └── Copiar design system do Stitch → colar no design.md
133
+ └── Referência de design que Claude usa automaticamente
134
+
135
+ PASSO 4: CLAUDE CODE
136
+ └── Importar código do Stitch
137
+ └── Adicionar funcionalidade (forms, APIs, banco de dados)
138
+ └── Testar e iterar
139
+
140
+ RESULTADO: Site que parece feito por designer profissional
141
+ ```
142
+
143
+ **Vantagem:** Stitch substitui Figma para a maioria dos casos de uso
144
+
145
+ ---
146
+
147
+ ## 4. MODELOS DE NEGÓCIO COM CLAUDE CODE
148
+
149
+ **FW-EP040-002: Dois Modelos de Monetização**
150
+
151
+ ```
152
+ MODELO 1: FREELANCER DE AUTOMAÇÃO
153
+ ├── Criar automações sob demanda para empresas
154
+ ├── Captar clientes via sites de orçamentos (GetNinjas, Workana)
155
+ ├── Entregáveis: automações N8N, bots WhatsApp, dashboards
156
+ └── Precificação: R$500–3.000 por projeto
157
+
158
+ MODELO 2: AGÊNCIA DE IA (Mais Lucrativo)
159
+ ├── Criar sistemas e cobrar mensalidade de acesso
160
+ ├── Modelo: "você não paga pela automação, paga pelo acesso"
161
+ ├── Recorrência: R$200–1.000/mês por cliente
162
+ └── 10 clientes × R$500/mês = R$5.000 MRR recorrente
163
+
164
+ PROJETOS MAIS VENDÁVEIS:
165
+ ├── Chatbot WhatsApp personalizado
166
+ ├── Dashboard de métricas (Google Sheets + IA)
167
+ ├── Sistema de agendamento automatizado
168
+ ├── Landing page + funil integrado
169
+ └── Mini-SaaS de nicho (agenda, cardápio, portfólio)
170
+ ```
171
+
172
+ ---
173
+
174
+ ## 5. HEURÍSTICAS CLAUDE CODE
175
+
176
+ **HEUR-CC-001:** CLAUDE.md é o multiplicador de qualidade — sem ele, Claude ignora brand identity. Com ele, todos os outputs seguem as regras do projeto automaticamente.
177
+
178
+ **HEUR-CC-002:** Começar com design antes do código — definir o visual (Stitch, Figma, referência) antes de pedir código economiza iterações.
179
+
180
+ **HEUR-CC-003:** Screenshot loop é o diferencial de qualidade — Claude com Puppeteer se auto-revisa visualmente. Sem ele, o output é "funcional mas feio".
181
+
182
+ **HEUR-CC-004:** GitHub + Vercel = deploy instantâneo — configurar esse pipeline uma vez e todo push automaticamente está no ar.
183
+
184
+ **HEUR-CC-005:** Componentes de bibliotecas > criar do zero — 21st.dev, shadcn/ui, e Stitch fornecem componentes profissionais que Claude integra rapidamente.
185
+
186
+ **HEUR-CC-006:** Modelo de recorrência > projetos pontuais — cobrar acesso mensal por sistema criado é mais lucrativo e previsível.
187
+
188
+ ---
189
+
190
+ ## STACK DE FERRAMENTAS
191
+
192
+ | Ferramenta | Função | Custo |
193
+ |-----------|--------|-------|
194
+ | **Claude Code** (VS Code) | IDE com IA integrada | Plano Pro Anthropic |
195
+ | **GitHub** | Versionamento + CI/CD | Gratuito |
196
+ | **Vercel** | Hospedagem + auto-deploy | Gratuito (hobby) |
197
+ | **Stitch 2.0** (Google) | Design system com IA | Gratuito |
198
+ | **21st.dev** | Componentes premium | Gratuito / Pago |
199
+ | **Puppeteer** | Screenshots automáticas | Gratuito (Node.js) |
200
+ | **Lovable** | Sites via prompt (alternativa) | Gratuito / Pro |
201
+ | **Supabase** | Backend/banco de dados | Gratuito (tier generoso) |
202
+
203
+ ---
204
+
205
+ ## CONEXÕES
206
+
207
+ - **Agentes enriquecidos:** CMO, CRO (ferramentas para landing pages)
208
+ - **Sources:** EP006, EP040, EP046, EP086, EP097
209
+ - **Relacionado:** DOSSIER-CHATGPT-FERRAMENTAS.md, DOSSIER-ENTREGAVEIS-IA.md, DOSSIER-WHATSAPP-CHATBOT.md