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.
- package/.claude/CLAUDE.md +387 -0
- package/.claude/commands/ORYON/agents/build.md +630 -0
- package/.claude/commands/ORYON/agents/check.md +511 -0
- package/.claude/commands/ORYON/agents/plan.md +502 -0
- package/.claude/commands/ORYON/agents/research.md +642 -0
- package/.claude/commands/ORYON/agents/ship.md +527 -0
- package/.claude/commands/ORYON/ask.md +48 -0
- package/.claude/commands/ORYON/conclave.md +256 -0
- package/.claude/commands/ORYON/start.md +166 -0
- package/.claude/commands/ORYON/status.md +42 -0
- package/.claude/hooks/README.md +194 -0
- package/.claude/hooks/code-intel-pretool.cjs +107 -0
- package/.claude/hooks/precompact-session-digest.cjs +106 -0
- package/.claude/hooks/synapse-engine.cjs +113 -0
- package/.claude/rules/agent-memory-imports.md +15 -0
- package/.claude/rules/coderabbit-integration.md +101 -0
- package/.claude/rules/ids-principles.md +119 -0
- package/.claude/rules/mcp-usage.md +176 -0
- package/.claude/rules/story-lifecycle.md +145 -0
- package/.claude/rules/token-efficiency.md +28 -0
- package/.claude/rules/tool-response-filtering.md +57 -0
- package/.claude/rules/vault-protocol.md +107 -0
- package/.claude/settings.json +3 -0
- package/.claude/settings.local.json +47 -0
- package/.gitignore +29 -0
- package/.knowledge/INDEX.md +67 -0
- package/.knowledge/dossiers/DOSSIER-AGENTES-IA.md +122 -0
- package/.knowledge/dossiers/DOSSIER-AI-OPERATING-SYSTEMS.md +209 -0
- package/.knowledge/dossiers/DOSSIER-CHATGPT-FERRAMENTAS.md +386 -0
- package/.knowledge/dossiers/DOSSIER-CLAUDE-CODE-DEV.md +209 -0
- package/.knowledge/dossiers/DOSSIER-CONCURSOS-EDUCACAO.md +233 -0
- package/.knowledge/dossiers/DOSSIER-COPYWRITING-FOUNDATION.md +283 -0
- package/.knowledge/dossiers/DOSSIER-ENTREGAVEIS-IA.md +180 -0
- package/.knowledge/dossiers/DOSSIER-GOOGLE-ADS.md +365 -0
- package/.knowledge/dossiers/DOSSIER-IA-CRIATIVOS-AUTOMACAO.md +568 -0
- package/.knowledge/dossiers/DOSSIER-LOW-TICKET-INFOPRODUTO.md +198 -0
- package/.knowledge/dossiers/DOSSIER-MARKETING-GERAL.md +347 -0
- package/.knowledge/dossiers/DOSSIER-META-ADS-TRAFFIC.md +570 -0
- package/.knowledge/dossiers/DOSSIER-META-PIXEL-TRACKING.md +240 -0
- package/.knowledge/dossiers/DOSSIER-OFERTAS-LOWTICKET.md +357 -0
- package/.knowledge/dossiers/DOSSIER-OFERTAS-LP.md +306 -0
- package/.knowledge/dossiers/DOSSIER-OFERTAS-MINERADAS.md +935 -0
- package/.knowledge/dossiers/DOSSIER-PROMPT-ENGINEERING.md +542 -0
- package/.knowledge/dossiers/DOSSIER-PSICOLOGIA-PERSUASAO.md +259 -0
- package/.knowledge/dossiers/DOSSIER-QUIZ-FUNNEL.md +325 -0
- package/.knowledge/dossiers/DOSSIER-VENDAS-SCRIPTS.md +285 -0
- package/.knowledge/dossiers/DOSSIER-WHATSAPP-CHATBOT.md +165 -0
- package/bin/oryon.js +23 -0
- package/package.json +31 -0
- 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
|