up-cc 2.0.0 → 2.0.1
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/package.json
CHANGED
|
@@ -11,6 +11,21 @@ NAO invoque skill de implementacao, NAO escreva codigo, NAO faca scaffold, NAO t
|
|
|
11
11
|
|
|
12
12
|
Anti-padrao combatido: "isso e simples demais pra precisar de design". Mesmo um todo list ou mudanca de config passa pelo processo. O design escala, o gate nao.
|
|
13
13
|
|
|
14
|
+
## Red flags (racionalizacoes proibidas)
|
|
15
|
+
|
|
16
|
+
Se voce se pegar pensando uma dessas, PARE. E o sinal de que esta prestes a furar o gate.
|
|
17
|
+
|
|
18
|
+
| Voce pensa | Realidade |
|
|
19
|
+
|------------|-----------|
|
|
20
|
+
| "Isso e simples demais pra brainstorm" | O gate nao e opcional. Tier Trivial ja e a saida leve (0 perguntas). Anuncie e siga, mas pelo gate. |
|
|
21
|
+
| "Vou so escrever o codigo, depois explico" | Implementar antes de apresentar o design fura o HARD-GATE. Apresente primeiro. |
|
|
22
|
+
| "Preciso de mais contexto antes de decidir o tier" | Classifique com `classify-task` AGORA. O tier sai dos sinais (nº arquivos, arquitetura, schema/API/auth), nao do seu humor. |
|
|
23
|
+
| "Marco como Trivial pra ir mais rapido" | Se toca schema/API/auth ou >1 subsistema, NAO e Trivial. Rebaixar o tier e furar o gate disfarcado. |
|
|
24
|
+
| "O usuario tem pressa, pulo a aprovacao" | Pressa muda a PROFUNDIDADE (tier), nunca remove a aprovacao. Ate Trivial anuncia antes de agir. |
|
|
25
|
+
| "Ja sei o que ele quer" | Suposicao nao e aprovacao. Em Pequena+, pergunte a decisao-chave. |
|
|
26
|
+
|
|
27
|
+
A unica forma legitima de ir rapido e o tier Trivial, nao furar o gate.
|
|
28
|
+
|
|
14
29
|
## Profundidade escalada por tamanho
|
|
15
30
|
|
|
16
31
|
Classifique a tarefa com o `classify-task` do `up-tools.cjs` (tiers: `simple` / `standard` / `complex`). Heuristica equivalente quando ainda nao ha plano: nº de arquivos provaveis, palavra de arquitetura, toca schema/API/auth.
|
|
@@ -24,7 +39,7 @@ Classifique a tarefa com o `classify-task` do `up-tools.cjs` (tiers: `simple` /
|
|
|
24
39
|
## Brainstorm full (media/grande)
|
|
25
40
|
|
|
26
41
|
1. **Explore o contexto** (arquivos, docs, commits recentes).
|
|
27
|
-
2. **Companion visual:** se o topico tem questao visual (mockup, layout, comparacao), ofereca em mensagem isolada, sozinha. Jonathan e visual: ofereca por default em UI.
|
|
42
|
+
2. **Companion visual:** se o topico tem questao visual (mockup, layout, comparacao), ofereca em mensagem isolada, sozinha. Jonathan e visual: ofereca por default em UI. Metodo de quando/como oferecer e produzir: ver `visual-companion.md` (mesma pasta).
|
|
28
43
|
3. **Perguntas uma por vez.** Multipla escolha preferida. Foco: proposito, restricoes, criterio de sucesso. Se o escopo for multiplos subsistemas independentes, sinalize JA e ajude a decompor em sub-projetos.
|
|
29
44
|
4. **Proponha 2-3 abordagens** com trade-offs e sua recomendacao.
|
|
30
45
|
5. **Apresente o design por SECAO** (arquitetura / componentes / dados / erros / testes), cada secao escalada a complexidade, aprovacao do usuario apos CADA secao.
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
# Companion visual (brainstorm)
|
|
2
|
+
|
|
3
|
+
Carregue isto quando o brainstorm tocar em algo visual (UI, layout, fluxo de telas, comparacao de opcoes). O Jonathan e visual: em tarefa de UI, ofereca por DEFAULT.
|
|
4
|
+
|
|
5
|
+
## Quando oferecer
|
|
6
|
+
|
|
7
|
+
Ofereca o companion visual se o topico envolve QUALQUER um:
|
|
8
|
+
- aparencia de tela, componente, layout, tema, design system
|
|
9
|
+
- comparar 2-3 opcoes de design lado a lado
|
|
10
|
+
- fluxo de navegacao (onde o usuario clica, pra onde vai)
|
|
11
|
+
- antes/depois de uma mudanca visual
|
|
12
|
+
|
|
13
|
+
NAO ofereca em: logica pura, schema de banco, API sem UI, script, automacao, glue.
|
|
14
|
+
|
|
15
|
+
## Como oferecer (regra dura)
|
|
16
|
+
|
|
17
|
+
O convite vai em UMA mensagem SOZINHA, sem nenhum outro conteudo junto (nem pergunta, nem design, nem codigo). O usuario precisa decidir sobre o visual sem ruido. Exemplo:
|
|
18
|
+
|
|
19
|
+
> Quer que eu gere um mockup rapido das opcoes de layout antes de a gente decidir? Posso montar 2-3 variacoes pra voce comparar na tela.
|
|
20
|
+
|
|
21
|
+
Espere a resposta. So depois siga com as perguntas do brainstorm.
|
|
22
|
+
|
|
23
|
+
## Como produzir o companion
|
|
24
|
+
|
|
25
|
+
Conforme o caso, do mais leve ao mais pesado:
|
|
26
|
+
1. **ASCII / wireframe em texto** dentro da propria conversa: rapido, zero dependencia, bom pra estrutura e hierarquia.
|
|
27
|
+
2. **Mockup HTML/CSS renderizado** via skill `image-creator` ou `gemini` (quando ja instaladas): bom pra cor, tipografia, sensacao real.
|
|
28
|
+
3. **Referencias da web** via skill `image-fetcher`: quando o usuario quer "algo no estilo de X".
|
|
29
|
+
4. **Comparacao A/B/C:** monte as variacoes lado a lado e peca o usuario escolher por numero (mesma logica de "multipla escolha preferida").
|
|
30
|
+
|
|
31
|
+
## Depois do visual
|
|
32
|
+
|
|
33
|
+
A escolha visual do usuario vira uma decisao travada no BRIEFING.md (secao de design/componentes). Os DESIGN-TOKENS extraidos (cores, espacamento, tipografia) alimentam o `up-arquiteto` e, na execucao, o `up-executor` (dominio frontend) e o `up-tester` (passe visual, baseline de consistencia).
|