From Titan
Metodologia completa para planejar produtos digitais antes de escrever uma linha de código. Cobre desde brainstorm até plano de implementação auditado e corrigido. Use quando o usuário quiser planejar um novo produto (web app, mobile, extensão, SaaS, API), quando disser "vamos planejar", "quero construir X", "tenho uma ideia pra Y", "novo projeto", "MVP", ou quando mencionar que precisa de um plano ou especificação antes de codar. Também use quando o usuário pedir pra transformar uma ideia vaga em especificação técnica. NÃO use para tarefas de implementação — esta skill produz o PLANO, não o código.
How this skill is triggered — by the user, by Claude, or both
Slash command
/Titan:planejarThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Metodologia em 8 fases para transformar uma ideia em um plano de implementacao production-ready. O plano passa por design UX/UI e auditoria tecnica multi-skill antes de qualquer codigo ser escrito, eliminando retrabalho e decisoes ruins.
Metodologia em 8 fases para transformar uma ideia em um plano de implementacao production-ready. O plano passa por design UX/UI e auditoria tecnica multi-skill antes de qualquer codigo ser escrito, eliminando retrabalho e decisoes ruins.
Ordem de inicio: rode primeiro o preflight da Fase 0 (verificacao de pre-requisitos, abaixo). So depois anuncie as fases.
Anuncie no inicio: "Estou usando a skill /planejar para conduzir o planejamento. Vou guiar voce por ate 8 fases — algumas podem ser puladas dependendo do produto. Vamos comecar pelo brainstorm."
Antes de comecar: Pergunte o que o usuario ja tem resolvido. Se ele ja tem stack definida, pule Fase 3. Se nao ha cliente especifico, pule Fase 2. Se nao ha interface, pule Fase 4. Nunca force fases que o usuario ja resolveu — confirme antes de pular.
Tracking de progresso: Ao definir quais fases se aplicam, crie uma todo list com uma entrada por fase. Marque cada fase como concluida apenas apos a aprovacao do usuario. Isso evita pular fases ou esquecer onde parou em sessoes longas.
Arquivo de estado (retomada): Planejamentos atravessam multiplas sessoes e o contexto pode ser compactado no meio. Para nao perder o fio, mantenha docs/<nome-produto>-planejamento-status.md e atualize ao FIM de cada fase com:
Ao ser invocada, esta skill deve PRIMEIRO verificar se esse arquivo existe no projeto. Se existir, ler, resumir o estado pro usuario e retomar da fase pendente — nao recomecar do zero. Retomar = apresentar o estado e CONFIRMAR com o usuario antes de executar a fase pendente. O gate de inicio de fase vale tambem na retomada — nao execute a fase (nem parte dela) so porque o status diz que ela e a proxima; algo pode ter mudado desde a ultima sessao.
Esta skill orquestra outras skills e MCPs. Nenhum deles e validado automaticamente — se faltar, o buraco so aparece no meio da fase. Por isso, ANTES de anunciar as fases, faca um preflight rapido olhando a lista de skills e ferramentas disponiveis no contexto da sessao.
Como executar o preflight:
Criticas (sem fallback — a metodologia depende delas):
superpowers:brainstorming (Fase 1)superpowers:writing-plans (Fase 5)taste-skill / design-taste-skill-pack (Fase 4, so se houver UI)Se faltar uma critica, NAO siga em silencio. Avise o usuario nominalmente, explique o que se perde (ex: "sem writing-plans o plano sai sem o formato auditavel") e ofereça: (a) instalar agora — invoque find-skills pra localizar e proponha instalacao, nunca instale sem aprovacao; ou (b) seguir em modo degradado, com a fase improvisada. Espere a escolha do usuario.
Com fallback (degradam sozinhas — so informe):
firecrawl_scrape → curl r.jina.ai → WebFetchGEMINI_API_KEY) + Stitch MCP → uma sozinha → HTML estatico via taste-skill → pular mockupcontext7 → confiar em perplexity/memoria (pior, mas roda)/pesquisa + Perplexity (descoberta de prior art, Fase 1) → varredura leve (perplexity_search / WebSearch) → pular a descobertafind-skills → context7 + boas praticasListe o que esta indisponivel e qual fallback sera usado. Nao precisa pedir aprovacao — so transparencia.
Opcionais (perda silenciosa — mencione se faltar):
perplexity_* → sem pesquisa de mercado/social/trade-offs; cai pra WebSearch/conhecimento propriofind-skills → dominios sem skill local vao direto pro context7Saida do preflight: uma linha-resumo pro usuario, ex:
Preflight: criticas OK. Indisponiveis:
firecrawl(uso jina.ai),context7(uso perplexity). Pesquisa de mercado reduzida (sem perplexity). Seguimos?
Se tudo critico estiver presente e so faltarem itens com fallback, mencione e prossiga direto pro anuncio das fases. So pare e pergunte quando faltar uma dependencia critica.
Codigo escrito sem planejamento solido gera retrabalho. Mas um plano escrito sem pesquisa e auditoria tambem gera retrabalho — so que mais tarde, quando custa mais caro corrigir. Esta skill resolve isso: pesquisa antes de planejar, audita antes de executar.
Fase 1: Brainstorm ─── explorar o problema, alternativas, escopo
│ usuario aprova direcao
▼
Fase 2: Discovery ──── pesquisar cliente/persona/mercado
│ usuario confirma entendimento
▼
Fase 3: Pesquisa Tecnica ─── stack, trade-offs, dados reais
│ usuario aprova stack
▼
Fase 4: Design ──── estilo (taste-skill), mockups (Nano Banana), design doc
│ usuario aprova mockup + design doc
▼
Fase 5: Escrita do Plano ─── implementacao detalhada com codigo
│ plano salvo
▼
Fase 6: Auditoria ─── skills especializadas contra o plano
│ relatorio de achados
▼
Fase 7: Correcao ─── aplicar achados no plano
│ plano corrigido
▼
Fase 8: Montagem ─── plano final consolidado, pronto pra executar
Regra inviolavel: human-in-the-loop entre cada fase — nao pular fases sem aprovacao. Unica excecao: a transicao 7 → 8 segue direto, sem gate de aprovacao. A Fase 8 e so montagem e faxina do que a Fase 7 ja produziu (consolidar, limpar, conferir consistencia) — nao introduz decisao nova, entao nao precisa de aprovacao propria. Todas as outras transicoes exigem o OK do usuario.
Sempre que precisar raspar uma URL (Fases 2 e 3), usar essa ordem:
firecrawl_scrape(url) — melhor resultado, lida com JS pesadoBash: curl -s "https://r.jina.ai/<url>" — fallback gratuito, markdown limpo, ~10sWebFetch(url) — ultimo recurso: resume/parafraseia, nao extrai verbatimUsar o mesmo fallback tanto no scrape do site do cliente (Fase 2) quanto nos artigos tecnicos (Fase 3).
Objetivo: Explorar o espaco do problema antes de convergir em solucao.
Como executar:
superpowers:brainstorming — seguir o fluxo completo da skill/pesquisa, as 3 travas, fallback sem Perplexity, onde salvar) em
references/descoberta-prior-art.md — ler antes de rodar.docs/<nome>-escopo.md (problema, publico, fluxos, MVP vs futuro, nome).high) responder: e esse o problema mesmo? o escopo ataca ele? sugeriria repensar algo antes de investir em pesquisa e plano? Ver references/codex-revisor.md (Chamada 1). O Claude filtra o parecer (regra de ouro do arquivo): ponto que procede e e grave vira A/B pro usuario; se o Codex disser SEGUIR, menciona em uma linha e avanca. Codex indisponivel → o proprio Claude faz a revisao critica e informa. Salvar o veredito (SEGUIR/REPENSAR + os pontos) em docs/<nome>-revisao-problema.md.Entrega: Documento de escopo + parecer do revisor do problema.
Nao avance sem: Usuario confirmar escopo e nome (ja considerando o parecer do Codex).
Objetivo: Entender profundamente o cliente/persona e o contexto de negocio.
Quando pular: Se o produto nao tem um cliente especifico (projeto pessoal, SaaS generico), pule direto pra Fase 3. Informe o usuario antes de pular.
Ferramentas:
firecrawl_scrape (ou fallback jina.ai) — site do cliente/empresaperplexity_search com sources ["social", "web"] — redes sociais, presenca onlineComo executar:
Scrape do site do cliente/empresa (se existir), usando a ordem de fallback acima:
Pesquisa de redes sociais (Instagram, LinkedIn, YouTube):
Consolidar em documento de referencia:
docs/<nome>-perfil.mdEntrega: Documento de perfil que qualquer pessoa consiga ler e entender o cliente.
Nao avance sem: Usuario confirmar que o perfil esta correto.
Objetivo: Tomar decisoes de stack baseadas em dados, nao achismo.
Quando pular: Se o usuario ja definiu a stack completa e nao quer revisar, pule esta fase. Confirme antes.
Ferramentas:
perplexity_search — varredura rapida de alternativasperplexity_reason — comparativos e trade-offscontext7 (resolve-library-id + query-docs) — documentacao oficial atualizadafirecrawl_scrape (ou fallback jina.ai) — artigos tecnicos, benchmarks, issues (ver "Scraping com fallback" acima)cloudflare + plugins (cloudflare:workers-best-practices, cloudflare:durable-objects, cloudflare:agents-sdk) pra Workers/D1/R2/KV/Pages; supabase e supabase-best-practices; vercel:nextjs e afins. Produto com feature de IA/LLM: consultar claude-api e gemini-api-dev pra escolha de provider/modelo — modelos atuais, pricing, limites e capacidades mudam rapido demais pra confiar em memoria ou busca web. IMPORTANTE: a skill alimenta a avaliacao da candidata, nao decide por ela — a comparacao continua neutra, com 2-3 alternativas reais por componente.Como executar:
| Camada | Escolha | Alternativas | Razao |
|--------|---------|--------------|-------|
| Frontend | Next.js 16 | Remix, Astro | App Router maduro, Vercel deploy |
| DB | Supabase | Firebase, PlanetScale | Auth + Storage + Realtime integrado |
Entrega: Stack definida com justificativa baseada em pesquisa.
Nao avance sem: Usuario aprovar stack.
Objetivo: Definir a experiencia do usuario e o sistema visual antes de escrever codigo.
Quando pular: CLIs, APIs sem interface, scripts de automacao — qualquer produto sem UI visual. Informe o usuario antes de pular.
Construir sem design e como construir uma casa sem planta — funciona, mas voce vai derrubar paredes depois. Esta fase garante que a interface seja pensada como produto, nao como "coisa que o dev fez".
IMPORTANTE — esta fase NAO escreve codigo. A skill de estilo abaixo e uma skill de construcao frontend; aqui ela e usada apenas para ESCOLHER a direcao visual e EXTRAIR o sistema de design. Nenhuma pagina e construida na Fase 4 — codigo so existe dentro do plano (Fase 5) e na execucao (pos-skill).
Como executar:
taste-skill (Taste Skill Pack, name interno design-taste-frontend) e usar o ROUTER dela para escolher 1 dos 14 estilos (minimalism, editorial-premium, dark-luxe, swiss-system, etc.).skill.md do estilo escolhido + a secao correspondente em components/style-recipes.md — isso alimenta os passos seguintes.Aprovar direcao visual olhando uma imagem e mais barato que aprovar lendo um documento de tokens. Gere mockups ANTES de detalhar o design doc — se o usuario rejeitar o visual, voce nao perdeu tempo especificando tokens de uma direcao morta.
Duas ferramentas, dois eixos — usar AMBAS quando disponiveis, nao escolher uma:
gemini-3-pro-image-preview) → direcao visual/mood: paleta, atmosfera, materialidade, energia da marcamcp__stitch__*) → telas UI estruturadas: layout real, componentes, hierarquia — funciona pra web app E mobile/iOSO usuario escolhe entre alternativas nos dois eixos e pode MISTURAR (ex: layout do Stitch + mood do Nano Banana). Essa combinacao vira a referencia aprovada.
GEMINI_API_KEY. Se nao houver, PEDIR ao usuario ("Preciso de uma GEMINI_API_KEY pra gerar os mockups visuais — voce tem uma? Da pra criar gratis em https://aistudio.google.com/apikey").mcp__stitch__* visiveis).gemini-api-dev para os detalhes de API (nao duplicar codigo aqui; nao usar modelos gemini-2.0-*/gemini-1.5-*, deprecados). O prompt de imagem descreve: estilo do 4.1 (paleta, tipografia, densidade, mood), conteudo real da tela (escopo da Fase 1) e formato ("high-fidelity UI mockup, desktop 16:10" pra web; "iOS app screen, mobile 9:19.5" pra app iOS).generate_screen_from_text pra tela principal + generate_variants pras alternativas. Informar no prompt a plataforma (web ou mobile/iOS) e o estilo do 4.1. Se o produto tem web E iOS, gerar pros dois form factors.docs/mockups/<nome-produto>-<tela>-<ferramenta>-v<N>.png e registrar a combinacao aprovada.Limite do mockup: mockup gera direcao, nao spec. Nenhuma das imagens respeita tokens pixel-perfect — o design doc do 4.3 e a fonte da verdade pra implementacao; a combinacao aprovada e referencia de mood e layout.
docs/<nome-produto>-design.mdEntrega: Mockup(s) aprovado(s) + documento de design com especificacoes visuais e lista de componentes.
Nao avance sem: Usuario aprovar mockup E design doc.
Objetivo: Plano de implementacao detalhado, com passos pequenos e codigo completo.
Como executar:
superpowers:writing-plans — seguir o fluxo completo da skilldocs/superpowers/plans/YYYY-MM-DD-<nome-produto>.mdFormato de referencia: Ver skill superpowers:writing-plans para estrutura exata.
Entrega: Plano salvo no filesystem.
Nao avance sem: Plano escrito e salvo.
Objetivo: Encontrar bugs, vulnerabilidades, e problemas de arquitetura ANTES de implementar.
Esta e a fase que diferencia esta metodologia de "so escrever um plano". O plano passa por review de skills especializadas como se fosse codigo real.
Como executar:
Identificar dominios relevantes baseado na stack escolhida na Fase 3 (ex: Next.js, Supabase, Tailwind, extensao Chrome).
Selecionar skills de auditoria olhando a lista de skills disponiveis no contexto da sessao e filtrando por dominio. Use references/audit-skills.md como exemplo de mapeamento, mas a fonte da verdade e a lista da sessao — skills novas instaladas depois da tabela tambem contam. Inclua sempre que aplicavel: seguranca (security-review se disponivel), testes e performance.
Dominio sem skill local? Buscar com find-skills. Se algum dominio da stack nao tem skill de auditoria instalada (ex: SwiftUI, Vue, Django), invocar a skill find-skills para procurar uma skill de boas praticas daquela tecnologia. Encontrou algo bom → propor instalacao ao usuario (nunca instalar sem aprovacao) e usar na auditoria. Nao encontrou (ou usuario recusou) → NAO pular o dominio: o subagent daquele dominio audita usando docs oficiais via context7 + boas praticas gerais, e o relatorio marca o dominio como "auditado sem skill especializada".
Despachar UM SUBAGENT POR DOMINIO, em paralelo (Agent tool, todos no mesmo turno) E, na MESMA leva, disparar o revisor de SANIDADE do plano (Codex GPT-5.5, esforco xhigh) — ver references/codex-revisor.md (Chamada 2). As duas coisas rodam juntas: os subagents olham a tecnica de cada dominio; o Codex olha uma coisa que subagent de dominio nao olha — o plano resolve o problema declarado? tem caminho muito mais simples? tem peso morto?. Nao invocar as skills de auditoria inline no contexto principal — cada skill tecnica tem centenas de linhas e 4-6 delas juntas estouram o contexto. O subagent carrega a skill no contexto DELE e devolve so os achados.
Roteamento do parecer de sanidade (regra de ouro do codex-revisor.md): o Claude filtra cada ponto do Codex e DOCUMENTA todos — aceito ou refutado — na tabela de veredito (ver references/codex-revisor.md, "Registro obrigatorio"). Refutar exige prova concreta (arquivo:linha ou secao que ja cobre o ponto); sem prova, nao descarta. Ponto que procede e e grave (NAO RESOLVE o problema, ou caminho substancialmente mais simples) e decisao de produto: PARA antes da Fase 7 e sobe pro usuario em A/B, nunca decide sozinho. Pontos menores que procedem entram no relatorio como achados normais.
Prompt de cada subagent:
Voce e um auditor tecnico. Tarefa:
1. Invoque a skill `<nome-da-skill>` e absorva as boas praticas dela.
2. Leia o plano de implementacao em `<path-do-plano>`.
3. Audite APENAS o dominio <dominio> do plano, perguntando:
- O codigo proposto segue as boas praticas dessa tecnologia?
- Tem vulnerabilidades de seguranca?
- Tem problemas de performance?
- Faltam patterns recomendados?
4. Retorne os achados em markdown, cada um com:
- Prioridade (P0 bugs/seguranca, P1 performance/arquitetura, P2 UX/boas praticas, P3 opcional)
- Secao do plano afetada (titulo + trecho)
- O que esta errado e como corrigir (com codigo quando aplicavel)
Nao retorne elogios nem resumo do plano — so achados acionaveis.
Consolidar achados em relatorio com prioridades:
Deduplicar achados que dois auditores reportaram (ex: seguranca e backend apontando o mesmo endpoint).
Salvar relatorio em docs/<nome-produto>-audit.md. Salvar tambem o parecer de sanidade do Codex (veredito RESOLVE/NAO RESOLVE + a tabela de veredito) em docs/<nome-produto>-revisao-sanidade.md.
Entrega: Relatorio de auditoria com achados priorizados.
Nao avance sem: Relatorio completo.
Objetivo: Aplicar todos os achados da auditoria de volta no plano.
Como executar:
Entrega: Plano corrigido com todos os achados P0 e P1 resolvidos.
Objetivo: Plano final consolidado, limpo, pronto para execucao.
Como executar:
## Resumo do Planejamento
**Produto:** [nome]
**Plano:** `docs/superpowers/plans/YYYY-MM-DD-<nome>.md`
**Auditoria:** `docs/<nome>-audit.md`
### Numeros
- [N] tarefas de implementacao
- [N] achados de auditoria ([N] P0, [N] P1, [N] P2, [N] P3)
- Todos P0/P1 corrigidos no plano
### Proximo passo
Quando quiser executar, use `superpowers:subagent-driven-development`
apontando para o plano.
Entrega: Plano final + resumo.
Nao executar codigo sem aprovacao explicita do usuario.
A auto-prompt e a skill irma deste plugin (Titan): o modo "largar e esquecer" que executa
sozinho, se confere e so chama o usuário nas decisoes reais. Quando o plano final estiver
pronto e aprovado, OFERECA executar com ela — mas so OFERECA, nunca dispare sozinho:
"Plano pronto. Quer que eu execute com a auto-prompt? Ela toca sozinha, se confere com o Codex e so te chama nas decisoes que importam. Ou prefere executar de outro jeito?"
Se o usuário aceitar, salve um CONTRATO DE EXECUCAO em arquivo (docs/<nome>-execution-contract.md)
— NUNCA passe o plano solto na conversa (ela perde premissa no caminho). O arquivo tem schema
fixo e a auto-prompt e chamada apontando pra ele. Isso impede a auto-prompt de replanejar do
zero ou perder as travas que voce ja definiu (a estrategia e desta skill; a execucao segura e
dela). Campos obrigatorios do contrato:
Chamada explicita (aponta pro arquivo, ordem clara): /auto-prompt executar docs/<nome>-execution-contract.md (sem replanejar).
A auto-prompt recebe isso como "plano vindo da planejar": ela EXECUTA, valida se esta executavel, aponta lacuna e pede autorizacao pra mudar premissa — mas NAO replaneja.
Ordem de execucao (resolve o caminho duplo): o caminho PRIMARIO e a auto-prompt (skill
irma deste plugin). superpowers:subagent-driven-development (citado no "Proximo passo" acima)
e FALLBACK — so quando o usuário recusa a auto-prompt ou ela nao esta disponivel.
Ao final das 8 fases, o projeto tera:
| Documento | Path | Conteudo |
|---|---|---|
| Status do planejamento | docs/<nome>-planejamento-status.md | Fases concluidas, decisoes, paths — usado pra retomar |
| Escopo (Fase 1) | docs/<nome>-escopo.md | Problema, publico, fluxos, MVP vs futuro, nome — lido pelo revisor do problema |
| Prior art (Fase 1) | docs/<nome>-prior-art.md | Como o problema ja foi resolvido la fora — caminhos, fontes, veredito, direcao escolhida (se a descoberta rodou) |
| Parecer do problema | docs/<nome>-revisao-problema.md | Veredito SEGUIR/REPENSAR do Codex (Fase 1) |
| Perfil do cliente | docs/<nome>-perfil.md | Persona, marca, contexto |
| Mockups | docs/mockups/<nome>-<tela>-v<N>.png | Conceitos visuais gerados (Nano Banana Pro), aprovado marcado |
| Design system | docs/<nome>-design.md | Estilo escolhido, tokens, componentes, regras responsivas |
| Plano de implementacao | docs/superpowers/plans/YYYY-MM-DD-<nome>.md | Tarefas com codigo completo |
| Relatorio de auditoria | docs/<nome>-audit.md | Achados priorizados (tecnicos + sanidade) |
| Parecer de sanidade | docs/<nome>-revisao-sanidade.md | Veredito RESOLVE/NAO RESOLVE do Codex (Fase 6) |
Nem todo produto precisa das 8 fases completas. Sempre confirme com o usuario antes de pular uma fase.
| Cenario | Fases |
|---|---|
| Produto com cliente + UI | Todas as 8 |
| Projeto pessoal / tech com UI | Pular Fase 2 → 1 → 3 → 4 → 5 → 6 → 7 → 8 |
| CLI / API / sem interface | Pular Fases 2 e 4 → 1 → 3 → 5 → 6 → 7 → 8 |
| Prototipo rapido | Fases 1 → 3 → 4 → 5 (sem auditoria) |
| Refactoring de produto existente | Fases 3 → 5 → 6 → 7 → 8 |
| Usuario ja tem stack definida | Pular Fase 3 — perguntar antes |
Esta skill orquestra outras skills. Ela nao substitui nenhuma — ela define QUANDO e POR QUE usar cada uma.
| Fase | Skills / ferramentas invocadas |
|---|---|
| 1. Brainstorm | superpowers:brainstorming, descoberta de prior art via /pesquisa (references/descoberta-prior-art.md, recomendada/pulavel), revisor do problema via Codex GPT-5.5 high (references/codex-revisor.md, uma vez) |
| 2. Discovery | firecrawl_scrape (ou fallback jina.ai), perplexity_search (redes sociais) |
| 3. Pesquisa Tecnica | perplexity_search, perplexity_reason, context7, firecrawl_scrape (ou fallback jina.ai), skills locais de plataforma (cloudflare+plugins, supabase, vercel:*), skills de API de IA (claude-api, gemini-api-dev) |
| 4. Design | taste-skill (router de estilo); mockups complementares: Nano Banana Pro via gemini-api-dev (mood) + Stitch MCP (telas estruturadas, web e iOS) |
| 5. Escrita | superpowers:writing-plans |
| 6. Auditoria | Skills especializadas por dominio (ver references/audit-skills.md) — um subagent por dominio, em paralelo; find-skills pra dominios sem skill local, context7 como fallback; + revisor de sanidade do plano via Codex GPT-5.5 xhigh (references/codex-revisor.md) |
| 7. Correcao | — (aplica achados da fase 6) |
| 8. Montagem | — |
Execução do plano (pós-skill): superpowers:subagent-driven-development ou superpowers:executing-plans
npx claudepluginhub cassianodiniz/cassiano.diniz --plugin TitanProvides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.