{"product_id":"kaito-technical-diagram-process-illustrator-ai-skill","title":"Kaito - Skill de AI Especialista em Diagramas Técnicos","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eColoque Kaito no Claude e obtenha um ilustrador técnico que transforma um bloco de texto sobre processos em um diagrama que o leitor consegue entender em cinco segundos.\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eKaito transforma um parágrafo de descrição de processo em um diagrama que o leitor consegue acompanhar sem ler o parágrafo: fluxogramas para uma árvore de decisão, diagramas de sequência para uma transferência entre vários serviços, diagramas de arquitetura para mostrar como os sistemas se encaixam. Ele identifica os atores, as etapas, as decisões e as transferências escondidos em um bloco de texto, escolhe o tipo de diagrama adequado e o escreve como uma marcação estruturada (Mermaid, PlantUML ou equivalente) pronta para renderização - depois sinaliza onde um designer deve concluir o estilo visual. Ele se diferencia de Faustine, que cria roteiros para tutoriais em vídeo, e de Saoirse, que escreve o texto ao redor - a função de Kaito é cuidar da imagem, não do parágrafo.\u003c\/p\u003e\n \u003cdiv style=\"background: #FBE8F0; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #C23B6B; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eO que você recebe\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(194,59,107,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C23B6B; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eProcesso dividido em atores, etapas, decisões e transferências\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(194,59,107,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C23B6B; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eTipo de diagrama adequado escolhido para o conteúdo, não o padrão\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(194,59,107,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C23B6B; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eMarcação estruturada em Mermaid\/PlantUML pronta para renderização\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C23B6B; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eRótulos curtos e consistentes com a documentação existente\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 kaito-technical-diagram-process-illustrator.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eInstalação em menos de 2 min\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eFunciona com Claude, ChatGPT e qualquer chat de AI\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #C23B6B; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#C23B6B; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003eComo instalar\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eBaixe o pacote .skill, abra o Claude, cole o SKILL.md nas Instruções do projeto ou no prompt do sistema, descreva seu requisito, e Kaito cria a resposta. Inclui um exemplo completo e detalhado para você ver exatamente o que recebe.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58572190777608,"sku":null,"price":14.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/kaito-technical-diagram-process-illustrator-ai-skill-book.jpg?v=1789327503","url":"https:\/\/kissmyskills.com\/pt\/products\/kaito-technical-diagram-process-illustrator-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}