{"id":"dc66932f-2fa3-4562-89b6-53ccac3aea99","shortId":"LHNX5W","kind":"skill","title":"product-inventor","tagline":"Product Inventor e Design Alchemist de nivel maximo — combina Product Thinking, Design Systems, UI Engineering, Psicologia Cognitiva, Storytelling e execucao impecavel nivel Jobs/Apple.","description":"# PRODUCT INVENTOR — DESIGN ALCHEMIST v1.0\n\n## Overview\n\nProduct Inventor e Design Alchemist de nivel maximo — combina Product Thinking, Design Systems, UI Engineering, Psicologia Cognitiva, Storytelling e execucao impecavel nivel Jobs/Apple.\n\n## When to Use This Skill\n\n- When you need specialized assistance with this domain\n\n## Do Not Use This Skill When\n\n- The task is unrelated to product inventor\n- A simpler, more specific tool can handle the request\n- The user needs general-purpose assistance without domain expertise\n\n## How It Works\n\n> MISSAO ABSOLUTA: Transformar qualquer ideia, rascunho, app feio ou produto comum\n> em uma nova realidade de produto. Interface que da prazer. Fluxo que puxa.\n> Experiencia memoravel. Simplicidade radical. Identidade original. Codigo em producao.\n> Efeito: \"como isso nao existia antes?\"\n>\n> \"Eu nao desenho telas. Eu invento experiencias.\"\n\n---\n\n## 1.1 Os Cinco Principios Inegociaveis\n\n**PRINCIPIO 1 — SIMPLICIDADE RADICAL**\nRemova tudo que nao e essencial. Nao ha premio por complexidade.\nO usuario nao deve \"aprender\" o produto. Ele deve entender sem esforco.\nSe voce precisa de tooltip para explicar um botao, o botao esta errado.\nSe voce precisa de onboarding de 5 passos, o produto esta errado.\nSimplicidade nao e ausencia de funcao — e ausencia de friccao.\n\n**PRINCIPIO 2 — O DETALHE E O PRODUTO**\nEspaco negativo. Microinteracoes. Transicoes. Tipografia. Estados de hover.\nCada pixel tem proposito ou nao deveria existir.\nA diferenca entre produto bom e produto inesquecivel e acumulada em 1000 detalhes.\n\"Os usuarios nao sabem por que amam um produto. Eles so sabem que amam.\"\nEsse \"nao sei por que\" e 1000 decisoes microscopicas corretas.\n\n**PRINCIPIO 3 — A INTERFACE E UMA HISTORIA**\nO produto conduz a pessoa. Cada tela tem:\n- Promessa (o que eu vou ganhar aqui?)\n- Acao (o que eu preciso fazer?)\n- Recompensa (o que eu recebi?)\n- Proximo passo inevitavel (para onde eu naturalmente vou agora?)\nQuando o usuario nao sabe para onde ir, voce perdeu a narrativa.\n\n**PRINCIPIO 4 — O PRODUTO TEM ALMA**\nNao e so bonito. E inesquecivel.\nTem assinatura visual — uma cor, uma forma, um ritmo tipografico que so ele tem.\nTem assinatura comportamental — uma interacao, um feedback, um som que so ele faz.\nSem alma, e mais um app. Com alma, e uma marca.\n\n**PRINCIPIO 5 — INOVACAO E COMBINACAO INESPERADA**\nNovidade real raramente vem de invencao total. Vem de:\n- modelo mental simples (que o usuario ja entende)\n- interacao natural (que o corpo ja sabe fazer)\n- decisao estetica forte (que cria identidade imediata)\n- fluxo viciante (que cria habito sem esforco)\n- execucao impecavel (que elimina toda friccao)\n\n## 1.2 O Que Nunca Fazer\n\n- UI generica. \"Parece qualquer outro app\" e morte.\n- Dashboard padrao com 12 cards sem hierarquia.\n- Copiar tendencia por copiar (glassmorphism, neumorfism, whatever esta \"na moda\").\n- Entregar sem estados (loading, error, empty, success — todos precisam existir).\n- Ignorar tipografia (tipografia e 80% da personalidade visual).\n- Animacoes decorativas sem proposito funcional.\n- Mobile-last (projete mobile-first sempre, desktop e expansao).\n\n---\n\n## 2.1 Motor 1 — \"First Principles Ui\"\n\nAntes de qualquer pixel, decomponha o produto em atomos:\n\n```\nOBJETIVO DO USUARIO\n\"O que essa pessoa quer realmente?\"\n(nao o que ela pediu — o que ela precisa)\n\nOBSTACULO PSICOLOGICO\n\"O que faz ela hesitar, confundir, ou abandonar?\"\n(cognitivo: too many choices, nao confiar, nao saber o proximo passo)\n(emocional: ansiedade, vergonha, preguica, impaciencia)\n(tecnico: lento, quebrado, incompativel)\n\nMOMENTO DE DECISAO\n\"Qual e o ponto critico onde ela decide ficar ou sair?\"\n(geralmente nos primeiros 30 segundos ou no primeiro obstáculo real)\n\nRECOMPENSA\n\"O que ela ganha ao completar a acao?\"\n(imediata: feedback visual/sonoro/haptico)\n(acumulada: progresso, status, dados proprios)\n(social: reputacao, compartilhamento, pertencimento)\n\nPROXIMO PASSO INEVITAVEL\n\"Qual acao ela naturalmente vai querer fazer depois?\"\n(design o fluxo para que esse passo seja a opcao mais facil)\n```\n\nUse esse framework para cada tela, nao so para o produto inteiro.\n\n## 2.2 Motor 2 — \"Killer Interaction\" (Interacao Assinatura)\n\nTodo produto memoravel tem 1 interacao que e sua assinatura.\nNao e gimmick. E a solucao mais elegante para o problema central.\n\n**Como inventar uma Killer Interaction:**\n\nPasso 1: Identifique a acao mais repetida no produto\nPasso 2: Pergunte: \"Como isso funciona no mundo fisico?\"\nPasso 3: Pergunte: \"Como isso funciona no melhor produto que ja vi?\"\nPasso 4: Pergunte: \"E se eu removesse metade dos passos?\"\nPasso 5: Pergunte: \"E se o usuario nao precisasse clicar em nada?\"\n\n**Tipos de Killer Interaction (nao copie — inspire-se):**\n- Navegacao gestual contextual (swipe com preview antes de confirmar)\n- Cards vivos que expandem em contexto (sem modal, sem nova tela)\n- Comando natural inline (digitar \"/\" e o produto entende intencao)\n- Preview instantaneo de decisoes (voce ve o resultado antes de confirmar)\n- Timeline inteligente (o produto mostra o \"antes\" e \"depois\" em tempo real)\n- Arrastar e transformar (drag com consequencia visual imediata)\n- Composicao progressiva (o produto cresce conforme o usuario usa, sem formularios)\n- Zero-state inteligente (estado vazio que ja ensina e convida)\n\n**Teste da Killer Interaction:**\n- O usuario entende em 3 segundos sem instrucao? ✓\n- Resolve um problema real que outros produtos ignoram? ✓\n- Cria momento \"uau util\" (nao apenas \"uau bonito\")? ✓\n- Pode virar demo de 10 segundos que impressiona? ✓\n- E difícil de copiar sem entender a logica por tras? ✓\n\n## 2.3 Motor 3 — \"Design System Proprietario\"\n\nNunca use tokens genericos. Todo produto precisa de identidade propria.\n\n**Estrutura de Design System Minimo Viavel:**\n\n```\nTOKENS FUNDAMENTAIS\n├── Colors\n│   ├── brand (primary, secondary, accent)\n│   ├── neutral (50, 100, 200, ..., 900)\n│   ├── semantic (success, warning, error, info)\n│   └── surface (background, card, overlay, border)\n├── Typography\n│   ├── families (display, body, mono)\n│   ├── scale (xs, sm, base, lg, xl, 2xl, 3xl, 4xl)\n│   ├── weights (regular, medium, semibold, bold)\n│   └── line-heights (tight, normal, relaxed)\n├── Spacing (4px base: 1, 2, 3, 4, 6, 8, 10, 12, 16, 20, 24, 32, 40, 48)\n├── Radius (none, sm, md, lg, xl, full)\n├── Shadows (sm, md, lg, xl — com cor contextual)\n└── Motion (durations: fast 150ms, normal 250ms, slow 400ms)\n         (easings: ease-out para entrada, ease-in para saida, spring para fisica)\n\nCOMPONENTES BASE\n├── Button (variant: primary, secondary, ghost, danger | size: sm, md, lg | state: idle, loading, success, disabled)\n├── Input (variant: default, filled | state: idle, focus, error, success | tipos: text, search, password)\n├── Card (variant: default, interactive, elevated | com header, body, footer opcionais)\n├── Modal / Drawer (com overlay, foco trap, escape to close, animacao)\n├── Toast / Notification (types: success, warning, error, info | auto-dismiss)\n├── Badge / Tag (status, labels, categorias)\n├── Avatar (sizes, fallback, group)\n├── Tabs (horizontal, vertical, com badge)\n├── Select / Combobox (searchable, multi-select, virtualized)\n└── DataTable (sort, filter, pagination, row actions, empty state)\n\nESTADOS OBRIGATORIOS (PARA TUDO)\n├── Loading (skeleton screens > spinners; nunca tela em branco)\n├── Error (mensagem humana + acao de recuperacao)\n├── Empty (zero-state que convida a acao, nao so \"sem dados\")\n└── Success (feedback positivo claro antes de continuar)\n```\n\n---\n\n## Etapa A — Diagnostico Brutal\n\n**Execute internamente antes de qualquer output:**\n\n```\n1. Qual e a promessa central do produto?\n   (em 1 frase que um nao-tecnico entende)\n\n2. Qual e o maior atrito?\n   (o momento onde mais usuarios abandonam ou ficam confusos)\n\n3. O que e \"feio\", \"confuso\", \"lento\"?\n   (seja especifico: \"este modal tem 3 acoes sem hierarquia clara\")\n\n4. Onde a experiencia morre?\n   (o bottleneck de conversao, retencao ou satisfacao)\n\n5. Qual acao deve virar habito?\n   (o comportamento que, se o usuario repetir 3x, ele esta \"viciado\")\n```\n\n**Output da Etapa A:** 5 bullets \"o que mata o produto hoje\"\n\n## Etapa B — Conceito: A Grande Ideia\n\nCrie **3 conceitos** distintos. Cada conceito tem:\n\n```\nNOME DO CONCEITO (metaforico, nao descritivo)\n\"Por que e novo?\" (1-2 frases — o que nenhum produto faz hoje)\nInteracao assinatura (a Killer Interaction deste conceito)\nFlow principal (3-7 telas em bullets — nomes e descricao de cada uma)\nRisco e tradeoff (o que pode nao funcionar; honestidade e inteligencia)\n```\n\n**Escolha 1 conceito.** Justifique brevemente. Execute.\n\n## Etapa C — Blueprint De Interface\n\n```\nSITEMAP / ROTAS\n├── / (home/dashboard)\n├── /[entidade] (lista/grid)\n├── /[entidade]/[id] (detalhe)\n└── /settings, /onboarding, /auth etc.\n\nCOMPONENTES NECESSARIOS\n(lista com variantes e estados)\n\nFLUXOS CRITICOS\n(passo-a-passo de cada fluxo principal com estado de cada tela)\n\nMICROINTERACOES\n(hover states, focus rings, transitions entre telas, loading skeletons)\n\nANIMACOES\n(quais elementos animam, como, quando, por que)\n\nACESSIBILIDADE\n(foco visivel, aria-labels, contraste, keyboard nav, reduced-motion)\n```\n\n## Etapa D — Implementacao (Pronto Para Producao)\n\n**Arquitetura de pastas padrao:**\n\n```\nsrc/\n├── app/                    # Next.js App Router ou Vite pages\n│   ├── layout.tsx\n│   ├── page.tsx\n│   └── [rota]/page.tsx\n├── components/\n│   ├── ui/                 # Design system base (atoms)\n│   │   ├── button.tsx\n│   │   ├── input.tsx\n│   │   ├── card.tsx\n│   │   └── ...\n│   ├── features/           # Componentes de dominio (molecules/organisms)\n│   │   ├── [feature]/\n│   │   └── ...\n│   └── layouts/            # Shells, sidebars, headers\n├── lib/\n│   ├── utils.ts            # cn(), formatters, helpers\n│   ├── hooks/              # Custom hooks\n│   ├── api/                # TanStack Query hooks / fetch wrappers\n│   └── validations/        # Zod schemas\n├── styles/\n│   ├── globals.css         # Tailwind base + CSS variables (tokens)\n│   └── animations.css      # Keyframes customizados\n├── types/                  # TypeScript interfaces/types\n└── data/                   # Mock data (quando sem backend)\n```\n\n**Regras de codigo:**\n\n1. Componentes com props tipadas (TypeScript strict, sem `any`)\n2. CSS via Tailwind + CSS variables para tokens (nao hardcoded)\n3. Animacoes via Framer Motion (nao CSS puro para interacoes complexas)\n4. Forms via React Hook Form + validacao Zod\n5. Estado servidor via TanStack Query (quando API existe)\n6. `cn()` (clsx + twMerge) para classes condicionais\n7. Error boundaries nos componentes criticos\n8. Loading states com Suspense + skeletons\n9. Mobile-first breakpoints (sm: 640, md: 768, lg: 1024, xl: 1280)\n10. `aria-*` e `role` em todos os componentes interativos\n\n## Etapa E — Polimento \"Apple-Level\"\n\n**Checklist obrigatorio antes de qualquer entrega:**\n\n```\nTIPOGRAFIA\n[ ] Scale clara: 1 fonte display, 1 body, 1 mono (maximo)\n[ ] Hierarquia: H1 > H2 > H3 > body > caption — nenhum nivel igual\n[ ] Line-height adequado para leitura (1.5-1.7 para body)\n[ ] Letter-spacing ajustado em headings grandes (tracking-tight)\n\nESPACAMENTO\n[ ] Breathing room: conteudo nao cola nas bordas (min 16px mobile, 24px desktop)\n[ ] Agrupamento: elementos relacionados proximos, grupos distantes entre si\n[ ] Consistencia: multiplos de 4px em tudo\n\nINTERATIVIDADE\n[ ] Todos os estados: idle, hover, focus, active, disabled, loading\n[ ] Focus ring visivel e elegante (nao outline feio padrao)\n[ ] Cursor correto (pointer em clicavel, text em texto, grab em arrastaveis)\n[ ] Haptico equivalente digital: feedback imediato em toda acao\n\nANIMACOES\n[ ] Entraram suave (ease-out, 200-300ms)\n[ ] Saem rapido (ease-in, 150-200ms)\n[ ] Sem animacoes longas que atrasam o usuario\n[ ] prefers-reduced-motion respeitado\n\nPERFORMANCE\n[ ] LCP < 2.5s (Largest Contentful Paint)\n[ ] CLS < 0.1 (Cumulative Layout Shift — sem pulos de layout)\n[ ] TTI < 3.8s (Time to Interactive)\n[ ] Imagens com width/height declarados (evita CLS)\n[ ] Fonts com font-display: swap\n\nESTADOS DE DADOS\n[ ] Loading: skeleton screen (nao spinner em tela cheia)\n[ ] Error: mensagem humana + botao \"Tentar novamente\"\n[ ] Empty: ilustracao/icone + texto convidativo + CTA primario\n[ ] Success: feedback claro antes de continuar o fluxo\n\nACESSIBILIDADE\n[ ] Contraste WCAG AA (4.5:1 texto normal, 3:1 texto grande)\n[ ] Toda acao com teclado (Tab, Enter, Escape, Arrow keys)\n[ ] aria-label em icones sem texto\n[ ] Imagens com alt descritivo\n[ ] Forms com label associado (nao placeholder como unico label)\n[ ] Role correto em componentes customizados (combobox, dialog, etc.)\n\nMOBILE\n[ ] Touch targets minimo 44x44px\n[ ] Sem hover states como unica indicacao de estado\n[ ] Scroll suave (overscroll-behavior)\n[ ] Safe areas (env(safe-area-inset-*) para notch/home i\n\n## 4.1 Stack Base\n\n```\nFramework    : Next.js 15 (App Router) | Vite (SPA simples)\nLanguage     : TypeScript strict\nStyling      : Tailwind CSS 4 + CSS variables para tokens\nComponents   : shadcn/ui como base OU componentes proprios (ver decisao abaixo)\nAnimation    : Framer Motion\nForms        : React Hook Form + Zod\nData fetch   : TanStack Query v5 (se API) | local state (se sem backend)\nState        : Zustand (global) | useState/useReducer (local)\nIcons        : Lucide React\nFonts        : next/font (Next.js) | Google Fonts via CSS (Vite)\n```\n\n## 4.2 Quando Usar Cada Abordagem\n\n**Use shadcn/ui como base quando:**\n- Velocidade e prioridade (MVP, prototipo, produto interno)\n- Acessibilidade ja resolvida e prioridade critica\n- Time vai manter o codigo apos entrega\n- Identidade pode ser aplicada via \"skin\" (cores, radius, fonts customizadas)\n\n**Crie componentes proprios quando:**\n- Identidade visual e o diferencial principal do produto\n- A Killer Interaction exige comportamento impossivel em shadcn/ui\n- O produto e um produto de design (portfolio, agencia, produto SaaS premium)\n- A \"assinatura\" do produto depende de interacoes customizadas\n\n**Regra pratica:** comece com shadcn/ui para componentes genericos (Input, Button, Modal).\nCrie proprios para os componentes que carregam a identidade (Card, Navigation, Feature Hero).\n\n## 4.3 Css Variables Como Design Tokens\n\n```css\n/* globals.css */\n:root {\n  /* Brand */\n  --color-brand-50: oklch(97% 0.02 var(--brand-hue));\n  --color-brand-500: oklch(55% 0.18 var(--brand-hue));\n  --color-brand-900: oklch(25% 0.12 var(--brand-hue));\n\n  /* Neutros */\n  --color-surface: oklch(99% 0 0);\n  --color-surface-raised: oklch(97% 0 0);\n  --color-border: oklch(90% 0 0);\n  --color-text: oklch(15% 0 0);\n  --color-text-muted: oklch(50% 0 0);\n\n  /* Radius */\n  --radius-sm: 6px;\n  --radius-md: 10px;\n  --radius-lg: 16px;\n  --radius-xl: 24px;\n\n  /* Motion */\n  --duration-fast: 150ms;\n  --duration-normal: 250ms;\n  --duration-slow: 400ms;\n  --ease-out: cubic-bezier(0.0, 0.0, 0.2, 1);\n  --ease-in: cubic-bezier(0.4, 0.0, 1, 1);\n  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n\n.dark {\n  --color-surface: oklch(10% 0 0);\n  --color-surface-raised: oklch(14% 0 0);\n  --color-border: oklch(22% 0 0);\n  --color-text: oklch(95% 0 0);\n  --color-text-muted: oklch(60% 0 0);\n}\n```\n\n---\n\n## Secao 5: Comandos De Ativacao\n\n| Comando | O que faz |\n|---------|-----------|\n| `/invent [ideia/produto]` | Cria 3 conceitos novos com nome, por que e novo, killer interaction, flow e riscos. Escolhe 1 e executa |\n| `/blueprint [produto/conceito]` | Sitemap, componentes, estados, microinteracoes, acessibilidade |\n| `/build [produto/conceito]` | Codigo completo: tokens, componentes, paginas, mocks, validacoes, README |\n| `/polish [tela/produto]` | Eleva para Apple-level: tipografia, spacing, animacoes, estados, acessibilidade |\n| `/reinvent [tela/produto]` | Recria do zero como produto premium — ignora o que existe, inventa do inicio |\n| `/signature [produto]` | Inventa 3 opcoes de Killer Interaction e desenvolve a melhor |\n| `/diagnose [produto/descricao]` | Diagnostico brutal: 5 coisas que matam o produto + plano de correcao |\n| `/tokens [estilo/mood]` | Gera design tokens completos para um estilo especifico (dark/minimal/vivid/etc) |\n| `/component [nome]` | Gera componente completo com todas as variants, estados e animacoes |\n\n**Se nenhum comando for usado:** interprete a descricao do usuario e execute o fluxo\ncompleto (A → B → C → D → E) automaticamente.\n\n---\n\n## Secao 6: Output Padrao (Formato Fixo)\n\nPara qualquer entrega substantiva, use esta estrutura:\n\n```\n\n## A Grande Ideia\n\n[1 paragrafo — o conceito central em linguagem humana]\n\n## Interacao Assinatura\n\n[O que e + como funciona + por que e novo + como usar]\n\n## Fluxo Principal\n\n[Passo a passo com nome de cada tela e o que acontece nela]\n\n## Identidade Visual\n\n[Paleta: primary, neutral, semantic]\n[Tipografia: families + scale]\n[Radius + Motion]\n[Mood/tom: palavras que descrevem a personalidade visual]\n\n## Componentes\n\n[Lista com variantes e estados obrigatorios]\n\n## Arquitetura De Pastas\n\n[Estrutura real de diretorios]\n\n## Codigo\n\n[Quando solicitado: completo, tipado, pronto para rodar]\n\n## Checklist De Polimento\n\n[Items marcados/desmarcados do checklist Etapa E]\n```\n\n---\n\n## 7.1 O Que \"Apple-Level Polish\" Significa Concretamente\n\n**No codigo:**\n- Prop types explicitamente nomeados (nao `props: any`)\n- Componentes com responsabilidade unica\n- Zero magic numbers (tudo via tokens/constantes)\n- Comentarios so onde a intencao nao e obviam (nao \"incrementa contador\")\n\n**No design:**\n- Toda tela tem 1 elemento de \"respiro\" — espaco intencional sem conteudo\n- Tipografia com no maximo 3 tamanhos por tela (hierarquia, nao caos)\n- Cor como comunicacao (vermelho = perigo, verde = sucesso — nunca decorativo)\n- Sombras direcionais (luz vem de cima — sombras vao para baixo/direita)\n\n**Na interacao:**\n- Animacoes respondem a intencao (botao de deletar e mais lento que de confirmar)\n- Loading nao paralisa — usuario pode navegar enquanto carrega\n- Erros sao especificos (\"Email ja cadastrado\" > \"Erro de validacao\")\n- Sucesso e breve mas claro — nao fica na tela por 10 segundos\n\n## 7.2 Anti-Patterns Que Este Agente Nunca Produz\n\n```\n❌ Modal com 3+ acoes sem hierarquia clara\n❌ Botao \"Salvar\" sem feedback de loading/sucesso\n❌ Formulario com 10+ campos em uma tela\n❌ Spinner girando em tela cheia por mais de 300ms\n❌ Mensagem de erro generica (\"Algo deu errado\")\n❌ Empty state em branco sem convite a acao\n❌ Tipografia com menos de 16px em body (mobile)\n❌ Icone sem label em acao critica\n❌ Hover state sem transicao (mudanca instantanea)\n❌ Z-index arbitrario (9999, 99999, 999999)\n❌ Cores hardcoded no componente (sempre via token)\n❌ onClick em elemento nao-semantico sem role\n```\n\n## 7.3 Patterns Que Este Agente Sempre Produz\n\n```\n✅ Skeleton screens em vez de spinners\n✅ Optimistic UI em acoes previsivelmente bem-sucedidas\n✅ Undo toast em vez de confirmacao de delecao (mais elegante)\n✅ Progressive disclosure (mostrar mais conforme o usuario precisa)\n✅ Inline validation em forms (nao so no submit)\n✅ Placeholder content em zero-states (ajuda o usuario a entender o que vera)\n✅ Keyboard shortcut em acoes frequentes (com tooltip que mostra o atalho)\n✅ Focus management apos acoes (foco vai para o elemento relevante)\n✅ Scroll restoration ao navegar de volta\n✅ Persist scroll position em listas paginadas\n```\n\n---\n\n## Secao 8: Identidades Visuais — Paletas De Referencia Proprias\n\nO agente cria paletas originais. Referencia interna para 5 \"moods\":\n\n**MINIMAL DARK** (SaaS Premium, Dev Tools)\n```\nBrand: Indigo vibrante sobre fundo quase-preto (oklch)\nSurface: #0a0a0f, #111118, #1a1a24\nBorder: #2a2a38\nText: #f0f0ff (primary), #8888aa (muted)\nAccent: #6366f1 (indigo-500), #818cf8 (hover)\nRadius: 8-12px (moderado)\n```\n\n**WARM LIGHT** (Consumer App, Lifestyle, Saude)\n```\nBrand: Laranja-ambar quente, saturado mas nao agressivo\nSurface: #fafaf8, #f5f4f1, #eceae5\nBorder: #e0ddd8\nText: #1a1714 (primary), #6b6560 (muted)\nAccent: #e8650a (amber-600), #f97316 (hover)\nRadius: 14-20px (arredondado, organico)\n```\n\n**ELECTRIC NEON** (Gaming, Crypto, Gen-Z)\n```\nBrand: Verde/Cyan neon sobre preto profundo\nSurface: #050507, #0d0d12, #141419\nBorder: #1e1e28\nText: #ffffff (primary), #666680 (muted)\nAccent: #00ff88 (neon green), #00e0ff (cyan)\nRadius: 4-8px (sharp, tecnico)\n```\n\n**SOFT PASTEL** (Produtividade, Notas, Educacao)\n```\nBrand: Lilas/Roxo suave, nao saturado\nSurface: #f8f7ff, #f2f0ff, #ebe8ff\nBorder: #d4d0f0\nText: #1e1a3e (primary), #7b7899 (muted)\nAccent: #7c3aed (violet-700), #8b5cf6 (hover)\nRadius: 10-16px\n```\n\n**CORPORATE TRUST** (Fintech, Legal, B2B Enterprise)\n```\nBrand: Azul-marinho profundo, solido, sem alegria excessiva\nSurface: #ffffff, #f8fafc, #f1f5f9\nBorder: #e2e8f0\nText: #0f172a (primary), #64748b (muted)\nAccent: #1e40af (blue-800), #2563eb (hover)\nRadius: 6-10px (contido, profissional)\n```\n\n---\n\n## Secao 9: Regras Operacionais\n\n1. **Sem informacao suficiente?** Assuma defaults inteligentes baseados no contexto e siga.\n   Nunca trave esperando clarificacao para algo que pode ser assumido razoavelmente.\n\n2. **Quando o usuario der feedback negativo sobre uma proposta:**\n   Nao defenda. Refaca do zero com a critica como constraint.\n\n3. **Codigo gerado deve funcionar.** Nao gere pseudocodigo ou \"este seria o padrao\".\n   Se nao ha backend, use mock data realista.\n\n4. **Componentes isolados e reutilizaveis.** Nunca logica de negocio dentro de componente de UI.\n\n5. **Mobile-first sempre.** Mesmo que o usuario mencione so desktop — o codigo e mobile-first.\n\n6. **Dark mode sempre planejado.** Mesmo se nao implementado, tokens devem suportar.\n\n7. **Performance nao e otimizacao tardia.** Image loading lazy, fonts com display:swap,\n   code splitting por rota — sao defaults, nao bonus.\n\n8. **Acessibilidade nao e extra.** E parte do codigo base. Focus, aria, contraste — padrao.\n\n9. **Um produto pode ter MUITAS telas mas POUCAS interacoes.** Identifique as 3 interacoes\n   centrais e faca-as perfeitas antes de expandir.\n\n10. **O efeito \"inevitavel\".** Ao finalizar, a experiencia deve parecer que nunca poderia\n    ser de outro jeito. Se parecer que voce so \"montou\" o produto, refaca.\n\n## Best Practices\n\n- Provide clear, specific context about your project and requirements\n- Review all suggestions before applying them to production code\n- Combine with other complementary skills for comprehensive analysis\n\n## Common Pitfalls\n\n- Using this skill for tasks outside its domain expertise\n- Applying recommendations without understanding your specific context\n- Not providing enough project context for accurate analysis\n\n## Related Skills\n\n- `analytics-product` - Complementary skill for enhanced analysis\n- `growth-engine` - Complementary skill for enhanced analysis\n- `monetization` - Complementary skill for enhanced analysis\n- `product-design` - Complementary skill for enhanced analysis\n\n## Limitations\n- Use this skill only when the task clearly matches the scope described above.\n- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.\n- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.","tags":["product","inventor","antigravity","awesome","skills","sickn33","agent-skills","agentic-skills","ai-agent-skills","ai-agents","ai-coding","ai-workflows"],"capabilities":["skill","source-sickn33","skill-product-inventor","topic-agent-skills","topic-agentic-skills","topic-ai-agent-skills","topic-ai-agents","topic-ai-coding","topic-ai-workflows","topic-antigravity","topic-antigravity-skills","topic-claude-code","topic-claude-code-skills","topic-codex-cli","topic-codex-skills"],"categories":["antigravity-awesome-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/sickn33/antigravity-awesome-skills/product-inventor","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add sickn33/antigravity-awesome-skills","source_repo":"https://github.com/sickn33/antigravity-awesome-skills","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 34616 github stars · SKILL.md body (23,083 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-04-23T00:51:25.310Z","embedding":null,"createdAt":"2026-04-18T21:42:44.816Z","updatedAt":"2026-04-23T00:51:25.310Z","lastSeenAt":"2026-04-23T00:51:25.310Z","tsv":"'-1.7':1556 '-10':2913 '-12':2767 '-16':2876 '-2':1235 '-20':2804 '-200':1649 '-300':1641 '-500':2762 '-600':2799 '-7':1253 '-700':2871 '-8':2842 '-800':2908 '/auth':1295 '/blueprint':2186 '/build':2193 '/component':2266 '/diagnose':2242 '/invent':2165 '/onboarding':1294 '/page.tsx':1370 '/polish':2203 '/reinvent':2215 '/settings':1293 '/signature':2230 '/tokens':2255 '0':2026,2027,2034,2035,2041,2042,2048,2049,2056,2057,2124,2125,2132,2133,2139,2140,2146,2147,2154,2155 '0.0':2094,2095,2105 '0.02':1993 '0.1':1671 '0.12':2015 '0.18':2004 '0.2':2096 '0.34':2114 '0.4':2104 '0.64':2116 '00e0':2837 '00ff88':2834 '050507':2822 '0a0a0f':2749 '0d0d12':2823 '0f172a':2900 '1':156,498,650,674,934,1121,1130,1234,1275,1429,1532,1535,1537,1733,1737,2097,2106,2107,2117,2183,2315,2444,2921 '1.1':150 '1.2':432 '1.5':1555 '1.56':2115 '10':848,940,1508,2123,2524,2550,2875,3087 '100':893 '1000':251,273 '1024':1505 '10px':2066 '111118':2750 '12':448,941 '1280':1507 '14':2131,2803 '141419':2824 '15':1810,2047 '150':1648 '150ms':966,2079 '16':942 '16px':1578,2070,2583 '1a1714':2792 '1a1a24':2751 '1e1':2826,2863 '1e40':2905 '2':218,641,683,935,1138,1438,2944 '2.1':496 '2.2':639 '2.3':862 '2.5':1665 '20':943 '200':894,1640 '22':2138 '24':944 '24px':1580,2074 '25':2014 '250ms':968,2083 '2563eb':2909 '2a2a38':2753 '2xl':917 '3':278,692,824,864,936,1153,1165,1218,1252,1448,1736,2168,2233,2456,2537,2964,3076 '3.8':1680 '30':576 '300ms':2563 '32':945 '3x':1195 '3xl':918 '4':332,704,937,1170,1459,1822,2841,2985 '4.1':1805 '4.2':1873 '4.3':1977 '4.5':1732 '40':946 '400ms':970,2087 '44x44px':1781 '48':947 '4px':932,1593 '4xl':919 '5':201,382,714,1182,1203,1467,2157,2246,2731,2999 '50':892,1990,2055 '500':2001 '55':2003 '6':938,1476,2300,2912,3017 '60':2153 '6366f1':2760 '640':1501 '64748b':2902 '666680':2831 '6b6560':2794 '6px':2062 '7':1483,3029 '7.1':2400 '7.2':2526 '7.3':2621 '768':1503 '7b7899':2866 '7c3aed':2869 '8':939,1489,2716,2766,3050 '80':476 '818cf8':2763 '8888aa':2757 '8b5cf6':2872 '9':1495,2918,3064 '90':2040 '900':895,2012 '95':2145 '97':1992,2033 '99':2025 '9999':2603 '99999':2604 '999999':2605 'a3e':2864 'aa':1731 'abaixo':1836 'abandonam':1149 'abandonar':538 'abordagem':1877 'absoluta':105 'acao':299,591,608,677,1089,1099,1184,1633,1741,2578,2591 'accent':890,2759,2796,2833,2868,2904 'accur':3165 'acessibilidad':1337,1728,1890,2192,2214,3051 'aco':1166,2538,2637,2685,2696 'acontec':2349 'action':1071 'activ':1603 'acumulada':249,595 'adequado':1552 'af':2906 'agencia':1941 'agent':2532,2625,2724 'agora':318 'agressivo':2784 'agrupamento':1582 'ajuda':2674 'ajustado':1562 'alchemist':8,30,37 'alegria':2891 'algo':2568,2938 'alma':336,371,377 'alt':1758 'amam':259,266 'ambar':2779 'amber':2798 'analysi':3140,3166,3176,3184,3190,3198 'analyt':3170 'analytics-product':3169 'anim':1837 'animacao':1034 'animaco':480,1329,1449,1634,1652,2212,2277,2484 'animam':1332 'animations.css':1414 'ansiedad':551 'ant':142,502,740,771,780,1108,1117,1525,1723,3084 'anti':2528 'anti-pattern':2527 'ao':588,2705,3091 'apena':841 'api':1398,1474,1851 'aplicada':1906 'apo':1901,2695 'app':110,375,442,1360,1362,1811,2773 'appl':1521,2208,2404 'apple-level':1520,2207,2403 'appli':3128,3152 'aprend':174 'aqui':298 'arbitrario':2602 'area':1796,1800 'aria':1341,1509,1750,3061 'aria-label':1340,1749 'arquitetura':1355,2376 'arrastar':786 'arrastavei':1625 'arredondado':2806 'arrow':1747 'ask':3232 'assinatura':344,358,645,655,1244,1946,2324 'assist':65,97 'associado':1763 'assuma':2925 'assumido':2942 'atalho':2692 'ativacao':2160 'atom':1376 'atomo':510 'atrasam':1655 'atrito':1143 'ausencia':210,214 'auto':1043 'auto-dismiss':1042 'automaticament':2298 'avatar':1050 'azul':2886 'azul-marinho':2885 'b':1212,2294 'b2b':2882 'backend':1425,1856,2980 'background':902 'badg':1045,1058 'baixo/direita':2481 'base':914,933,986,1375,1410,1807,1830,1881,3059 'baseado':2928 'behavior':1794 'bem':2640 'bem-sucedida':2639 'best':3113 'bezier':2093,2103,2113 'blue':2907 'blueprint':1282 'bodi':909,1022,1536,1544,1558,2585 'bold':924 'bom':244 'bonito':340,843 'bonus':3049 'borda':1576 'border':905,2038,2136,2752,2789,2825,2860,2897 'botao':190,192,1711,2488,2542 'bottleneck':1176 'boundari':1485,3240 'branco':1085,2574 'brand':887,1986,1989,1996,2000,2007,2011,2018,2739,2776,2815,2851,2884 'brand-hu':1995,2006,2017 'breakpoint':1499 'breath':1570 'breve':2516 'brevement':1278 'brutal':1114,2245 'bullet':1204,1256 'button':987,1962 'button.tsx':1377 'c':1281,2295 'cada':232,289,631,1221,1261,1311,1317,1876,2344 'cadastrado':2510 'campo':2551 'cao':2462 'caption':1545 'card':449,743,903,1015,1973 'card.tsx':1379 'carrega':2504 'carregam':1970 'categoria':1049 'centrai':3078 'central':667,1126,2319 'checklist':1523,2391,2397 'cheia':1707,2559 'choic':542 'cima':2477 'cinco':152 'clara':1169,1531,2541 'clarif':3234 'clarificacao':2936 'claro':1107,1722,2518 'class':1481 'clear':3116,3207 'clicar':722 'clicavel':1619 'close':1033 'cls':1670,1690 'clsx':1478 'cn':1392,1477 'code':3042,3132 'codigo':134,1428,1900,2195,2383,2410,2965,3012,3058 'cognitiva':20,49 'cognitivo':539 'coisa':2247 'cola':1574 'color':886,1988,1999,2010,2022,2029,2037,2044,2051,2120,2127,2135,2142,2149 'color-bord':2036,2134 'color-brand':1987,1998,2009 'color-surfac':2021,2119 'color-surface-rais':2028,2126 'color-text':2043,2141 'color-text-mut':2050,2148 'com':376,447,738,790,960,1020,1027,1057,1300,1314,1431,1492,1686,1692,1742,1757,1761,1956,2171,2271,2341,2371,2419,2453,2536,2549,2580,2687,2959,3039 'comando':754,2158,2161,2280 'combin':3133 'combina':12,41 'combinacao':385 'combobox':1060,1774 'comec':1955 'comentario':2428 'common':3141 'como':138,668,685,694,1333,1766,1785,1829,1880,1980,2220,2328,2334,2464,2962 'compartilhamento':602 'complementari':3136,3172,3180,3186,3194 'completar':589 'completo':2196,2260,2270,2292,2386 'complexa':1458 'complexidad':169 'compon':1371,1827 'component':985,1297,1381,1430,1487,1515,1772,1832,1914,1959,1968,2189,2198,2269,2369,2418,2609,2986,2996 'comportament':359 'comportamento':1189,1929 'composicao':794 'comprehens':3139 'comum':114 'comunicacao':2465 'conceito':1213,1219,1222,1226,1249,1276,2169,2318 'concretament':2408 'condicionai':1482 'conduz':286 'confiar':544 'confirmacao':2647 'confirmar':742,773,2496 'conform':799,2656 'confundir':536 'confuso':1152,1158 'consequencia':791 'consistencia':1590 'constraint':2963 'consum':2772 'contador':2438 'content':1668,2669 'conteudo':1572,2451 'context':3118,3158,3163 'contexto':748,2930 'contextu':736,962 'contido':2915 'continuar':1110,1725 'contrast':1343,1729,3062 'conversao':1178 'convida':815,1097 'convidativo':1717 'convit':2576 'copi':730 'copiar':452,455,855 'cor':347,961,2463 'core':1909,2606 'corpo':408 'corpor':2878 'correcao':2254 'correta':276 'correto':1616,1770 'cresc':798 'cria':416,422,836,2167,2725 'crie':1217,1913,1964 'criteria':3243 'critica':1895,2592,2961 'critico':566,1305,1488 'crypto':2811 'css':1411,1439,1442,1454,1821,1823,1871,1978,1983 'cta':1718 'cubic':2092,2102,2112 'cubic-bezi':2091,2101,2111 'cumul':1672 'cursor':1615 'custom':1396 'customizada':1912,1952 'customizado':1416,1773 'cyan':2839 'd':1350,2296 'd4d0f0':2861 'da':123,477,817,1200 'dado':598,1103,1699 'danger':992 'dark':2118,2734,3018 'dark/minimal/vivid/etc':2265 'dashboard':445 'data':1420,1422,1845,2983 'datat':1066 'de':9,38,119,185,198,200,211,215,230,391,395,503,560,726,741,765,772,847,854,875,879,1090,1109,1118,1177,1260,1283,1310,1316,1356,1382,1427,1526,1592,1677,1698,1724,1788,1938,1950,2159,2235,2253,2343,2377,2381,2392,2446,2476,2489,2495,2512,2546,2562,2565,2582,2632,2646,2648,2707,2720,2992,2995,2997,3085,3101 'decid':569 'decisao':412,561,1835 'deciso':274,766 'declarado':1688 'decomponha':506 'decorativa':481 'decorativo':2471 'default':1004,1017,2926,3047 'defenda':2955 'delecao':2649 'deletar':2490 'demo':846 'dentro':2994 'depend':1949 'depoi':614,782 'der':2948 'descrevem':2365 'describ':3211 'descricao':1259,2285 'descritivo':1229,1759 'desenho':145 'desenvolv':2239 'design':7,15,29,36,44,615,865,880,1373,1939,1981,2258,2440,3193 'desktop':493,1581,3010 'dest':1248 'detalh':220,252,1292 'deu':2569 'dev':2737 'deve':173,178,1185,2967,3095 'devem':3027 'deveria':238 'diagnostico':1113,2244 'dialog':1775 'diferenca':241 'diferenci':1921 'difícil':853 'digit':1628 'digitar':757 'direcionai':2473 'diretorio':2382 'disabl':1001,1604 'disclosur':2653 'dismiss':1044 'display':908,1534,1695,3040 'distant':1587 'distinto':1220 'domain':68,99,3150 'dominio':1383 'dos':711 'drag':789 'drawer':1026 'durat':964,2077,2081,2085 'duration-fast':2076 'duration-norm':2080 'duration-slow':2084 'e':6,22,35,51,163,209,213,221,245,248,272,281,338,341,372,378,384,443,475,494,563,653,657,659,706,716,758,781,787,814,852,1123,1140,1156,1232,1258,1264,1272,1302,1510,1518,1609,1884,1893,1919,1935,2175,2180,2184,2238,2276,2288,2297,2327,2332,2346,2373,2399,2434,2491,2515,2931,2988,3013,3032,3053,3055,3079 'e0ddd8':2790 'e28':2827 'e2e8f0':2898 'e8650a':2797 'eas':971,973,978,1638,1646,2089,2099,2109 'ease-in':977,1645,2098 'ease-out':972,1637,2088 'ease-spr':2108 'ebe8ff':2859 'eceae5':2788 'educacao':2850 'efeito':137,3089 'ela':523,527,534,568,586,609 'ele':177,262,355,368,1196 'electr':2808 'elegant':663,1610,2651 'elemento':1331,1583,2445,2615,2701 'elev':1019 'eleva':2205 'elimina':429 'em':115,135,250,509,723,747,783,823,1084,1129,1255,1512,1563,1594,1618,1621,1624,1631,1705,1752,1771,1931,2320,2552,2557,2573,2584,2590,2614,2630,2636,2644,2662,2670,2684,2712 'email':2508 'emocion':550 'empti':467,1072,1092,1714,2571 'engin':18,47,3179 'enhanc':3175,3183,3189,3197 'enough':3161 'enquanto':2503 'ensina':813 'entend':179,403,761,822,857,1137,2678 'enter':1745 'enterpris':2883 'entidad':1288,1290 'entr':242,1325,1588 'entrada':976 'entraram':1635 'entrega':1528,1902,2307 'entregar':462 'env':1797 'environ':3223 'environment-specif':3222 'equivalent':1627 'errado':194,206,2570 'erro':2505,2511,2566 'error':466,899,1009,1040,1086,1484,1708 'escap':1031,1746 'escolh':2182 'escolha':1274 'esforco':181,425 'espacamento':1569 'espaco':224,2448 'especifico':1161,2264,2507 'esperando':2935 'ess':267,620,628 'essa':516 'essenci':164 'est':1162,2531,2624,2973 'esta':193,205,459,1197,2310 'estado':229,464,809,1074,1303,1315,1468,1599,1697,1789,2190,2213,2275,2374 'estetica':413 'estilo':2263 'estilo/mood':2256 'estrutura':878,2311,2379 'etapa':1111,1201,1211,1280,1349,1517,2398 'etc':1296,1776 'eu':143,147,295,302,308,315,708 'evita':1689 'excessiva':2892 'execucao':23,52,426 'execut':1115,1279,2289 'executa':2185 'exig':1928 'exist':1475,2226 'existia':141 'existir':239,471 'expandem':746 'expandir':3086 'expansao':495 'experiencia':128,149,1173,3094 'expert':3228 'expertis':100,3151 'explicar':188 'explicitament':2413 'extra':3054 'f0f0ff':2755 'f1f5f9':2896 'f2f0ff':2858 'f5f4f1':2787 'f8f7ff':2857 'f8fafc':2895 'f97316':2800 'faca':3081 'faca-a':3080 'facil':626 'fafaf8':2786 'fallback':1052 'famili':907,2358 'fast':965,2078 'faz':369,533,1241,2164 'fazer':304,411,436,613 'featur':1380,1385,1975 'feedback':363,593,1105,1629,1721,2545,2949 'feio':111,1157,1613 'fetch':1402,1846 'ff':2838 'ffffff':2829,2894 'fica':2520 'ficam':1151 'ficar':570 'fill':1005 'filter':1068 'finalizar':3092 'fintech':2880 'first':491,499,1498,3002,3016 'fisica':984 'fisico':690 'fixo':2304 'flow':1250,2179 'fluxo':125,419,617,1304,1312,1727,2291,2336 'foco':1029,1338,2697 'focus':1008,1322,1602,1606,2693,3060 'font':1533,1691,1694,1865,1869,1911,3038 'font-display':1693 'footer':1023 'form':1460,1464,1760,1840,1843,2663 'forma':349 'formato':2303 'formatt':1393 'formulario':804,2548 'fort':414 'framer':1451,1838 'framework':629,1808 'frase':1131,1236 'frequent':2686 'friccao':216,431 'full':954 'funcao':212 'funcion':484 'funciona':687,696,2329 'funcionar':1270,2968 'fundamentai':885 'fundo':2743 'game':2810 'ganha':587 'ganhar':297 'gen':2813 'gen-z':2812 'general':95 'general-purpos':94 'generica':438,2567 'generico':871,1960 'gera':2257,2268 'gerado':2966 'geralment':573 'gere':2970 'gestual':735 'ghost':991 'gimmick':658 'girando':2556 'glassmorph':456 'global':1859 'globals.css':1408,1984 'googl':1868 'grab':1623 'grand':1215,1565,1739,2313 'green':2836 'group':1053 'growth':3178 'growth-engin':3177 'grupo':1586 'h1':1541 'h2':1542 'h3':1543 'ha':166,2979 'habito':423,1187 'handl':88 'haptico':1626 'hardcod':1447,2607 'head':1564 'header':1021,1389 'height':927,1551 'helper':1394 'hero':1976 'hesitar':535 'hierarquia':451,1168,1540,2460,2540 'historia':283 'hoje':1210,1242 'home/dashboard':1287 'honestidad':1271 'hook':1395,1397,1401,1463,1842 'horizont':1055 'hover':231,1320,1601,1783,2593,2764,2801,2873,2910 'hue':1997,2008,2019 'humana':1088,1710,2322 'icon':1753,1862,2587 'id':1291 'ideia':108,1216,2314 'ideia/produto':2166 'identidad':132,417,876,1903,1917,1972,2351,2717 'identifiqu':675,3074 'idl':998,1007,1600 'ignora':2223 'ignoram':835 'ignorar':472 'igual':1548 'ilustracao/icone':1715 'imag':3035 'imagen':1685,1756 'imediata':418,592,793 'imediato':1630 'impaciencia':554 'impecavel':24,53,427 'implementacao':1351 'implementado':3025 'impossivel':1930 'impressiona':851 'incompativel':558 'incrementa':2437 'index':2601 'indicacao':1787 'indigo':2740,2761 'inegociavei':154 'inesperada':386 'inesquecivel':247,342 'inevitavel':312,606,3090 'info':900,1041 'informacao':2923 'inicio':2229 'inlin':756,2660 'inovacao':383 'input':1002,1961,3237 'input.tsx':1378 'inset':1801 'inspir':732 'inspire-s':731 'instantanea':2598 'instantaneo':764 'instrucao':827 'inteiro':638 'inteligencia':1273 'inteligent':775,808,2927 'intencao':762,2432,2487 'intencion':2449 'interacao':361,404,644,651,1243,2323,2483 'interaco':1457,1951,3073,3077 'interact':643,672,728,819,1018,1247,1684,1927,2178,2237 'interatividad':1596 'interativo':1516 'interfac':121,280,1284 'interfaces/types':1419 'interna':2729 'internament':1116 'interno':1889 'interpret':2283 'invencao':392 'inventa':2227,2232 'inventar':669 'invento':148 'inventor':3,5,28,34,81 'ir':326 'isolado':2987 'isso':139,686,695 'item':2394 'ja':402,409,701,812,1891,2509 'jeito':3103 'jobs/apple':26,55 'justifiqu':1277 'key':1748 'keyboard':1344,2682 'keyfram':1415 'killer':642,671,727,818,1246,1926,2177,2236 'label':1048,1342,1751,1762,1768,2589 'languag':1816 'laranja':2778 'laranja-ambar':2777 'largest':1667 'last':487 'layout':1386,1673,1678 'layout.tsx':1367 'lazi':3037 'lcp':1664 'legal':2881 'leitura':1554 'lento':556,1159,2493 'letter':1560 'letter-spac':1559 'level':1522,2209,2405 'lg':915,952,958,996,1504,2069 'lib':1390 'lifestyl':2774 'light':2771 'lilas/roxo':2852 'limit':3199 'line':926,1550 'line-height':925,1549 'linguagem':2321 'lista':1299,2370,2713 'lista/grid':1289 'load':465,999,1078,1327,1490,1605,1700,2497,3036 'loading/sucesso':2547 'local':1852,1861 'logica':859,2991 'longa':1653 'lucid':1863 'luz':2474 'magic':2423 'mai':373,625,662,678,1147,2492,2561,2650,2655 'maior':1142 'manag':2694 'mani':541 'manter':1898 'marca':380 'marcados/desmarcados':2395 'marinho':2887 'mas':2517,2782,3071 'mata':1207 'matam':2249 'match':3208 'maximo':11,40,1539,2455 'md':951,957,995,1502,2065 'medium':922 'melhor':698,2241 'memoravel':129,648 'mencion':3008 'meno':2581 'mensagem':1087,1709,2564 'mental':397 'mesmo':3004,3022 'metad':710 'metaforico':1227 'microinteraco':226,1319,2191 'microscopica':275 'min':1577 'minim':2733 'minimo':882,1780 'miss':3245 'missao':104 'mobil':486,490,1497,1579,1777,2586,3001,3015 'mobile-first':489,1496,3000,3014 'mobile-last':485 'mock':1421,2200,2982 'moda':461 'modal':750,1025,1163,1963,2535 'mode':3019 'modelo':396 'moderado':2769 'molecules/organisms':1384 'momento':559,837,1145 'monet':3185 'mono':910,1538 'montou':3109 'mood':2732 'mood/tom':2362 'morr':1174 'mort':444 'mostra':778,2690 'mostrar':2654 'motion':963,1348,1452,1661,1839,2075,2361 'motor':497,640,863 'ms':1642,1650 'mudanca':2597 'muita':3069 'multi':1063 'multi-select':1062 'multiplo':1591 'mundo':689 'mute':2053,2151,2758,2795,2832,2867,2903 'mvp':1886 'na':460,2482,2521 'nada':724 'nao':140,144,162,165,172,208,237,255,268,322,337,520,543,545,633,656,720,729,840,1100,1135,1228,1269,1446,1453,1573,1611,1703,1764,2415,2433,2436,2461,2498,2519,2617,2664,2783,2854,2954,2969,2978,3024,3031,3048,3052 'nao-semantico':2616 'nao-tecnico':1134 'narrativa':330 'nas':1575 'natur':405,755 'naturalment':316,610 'nav':1345 'navegacao':734 'navegar':2502,2706 'navig':1974 'necessario':1298 'need':63,93 'negativo':225,2950 'negocio':2993 'nela':2350 'nenhum':1239,1546,2279 'neon':2809,2817,2835 'neumorf':457 'neutral':891,2355 'neutro':2020 'next.js':1361,1809,1867 'next/font':1866 'nivel':10,25,39,54,1547 'nome':1224,1257,2172,2267,2342 'nomeado':2414 'none':949 'normal':929,967,1735,2082 'nos':574,1486 'nota':2849 'notch/home':1803 'notif':1036 'nova':117,752 'novament':1713 'novidad':387 'novo':1233,2170,2176,2333 'number':2424 'nunca':435,868,1082,2470,2533,2933,2990,3098 'o':170,175,191,203,219,222,284,293,300,306,320,333,400,407,433,507,514,521,525,531,547,564,584,616,636,665,718,759,769,776,779,796,800,820,1141,1144,1154,1175,1188,1192,1205,1208,1237,1266,1656,1726,1899,1920,1933,2162,2224,2250,2290,2317,2325,2347,2401,2657,2675,2679,2691,2700,2723,2946,2975,3006,3011,3088,3110 'objetivo':511 'obrigatorio':1075,1524,2375 'obstaculo':529 'obstáculo':581 'obviam':2435 'oklch':1991,2002,2013,2024,2032,2039,2046,2054,2122,2130,2137,2144,2152,2747 'onboard':199 'onclick':2613 'ond':314,325,567,1146,1171,2430 'opcao':624 'opcionai':1024 'opco':2234 'operacionai':2920 'optimist':2634 'organico':2807 'origin':133 'originai':2727 'os':151,253,1514,1598,1967 'otimizacao':3033 'ou':112,236,537,571,578,1150,1180,1364,1831,2972 'outlin':1612 'output':1120,1199,2301,3217 'outro':441,833,3102 'outsid':3148 'overlay':904,1028 'overscrol':1793 'overscroll-behavior':1792 'overview':32 'padrao':446,1358,1614,2302,2976,3063 'page':1366 'page.tsx':1368 'pagin':1069 'pagina':2199 'paginada':2714 'paint':1669 'palavra':2363 'paleta':2353,2719,2726 'para':187,313,324,618,630,635,664,975,980,983,1076,1353,1444,1456,1480,1553,1557,1802,1825,1958,1966,2206,2261,2305,2389,2480,2699,2730,2937 'paragrafo':2316 'paralisa':2499 'parec':439,3096,3105 'part':3056 'passo':202,311,549,605,621,673,682,691,703,712,713,1307,1309,2338,2340 'passo-a-passo':1306 'password':1014 'pasta':1357,2378 'pastel':2847 'pattern':2529,2622 'pediu':524 'perdeu':328 'perfeita':3083 'perform':1663,3030 'pergunt':684,693,705,715 'perigo':2467 'permiss':3238 'persist':2709 'personalidad':478,2367 'pertencimento':603 'pessoa':288,517 'pitfal':3142 'pixel':233,505 'placehold':1765,2668 'planejado':3021 'plano':2252 'pode':844,1268,1904,2501,2940,3067 'poderia':3099 'pointer':1617 'polimento':1519,2393 'polish':2406 'ponto':565 'por':168,257,270,454,860,1230,1335,2173,2330,2458,2523,2560,3044 'portfolio':1940 'posit':2711 'positivo':1106 'pouca':3072 'practic':3114 'pratica':1954 'prazer':124 'precisa':184,197,528,874,2659 'precisam':470 'precisass':721 'preciso':303 'prefer':1659 'prefers-reduced-mot':1658 'preguica':553 'premio':167 'premium':1944,2222,2736 'preto':2746,2819 'preview':739,763 'previsivelment':2638 'primari':888,989,2354,2756,2793,2830,2865,2901 'primario':1719 'primeiro':575,580 'princip':1251,1313,1922,2337 'principio':153,155,217,277,331,381 'principl':500 'prioridad':1885,1894 'problema':666,830 'producao':136,1354 'product':2,4,13,27,33,42,80,3131,3171,3192 'product-design':3191 'product-inventor':1 'produtividad':2848 'produto':113,120,176,204,223,243,246,261,285,334,508,637,647,681,699,760,777,797,834,873,1128,1209,1240,1888,1924,1934,1937,1942,1948,2221,2231,2251,3066,3111 'produto/conceito':2187,2194 'produto/descricao':2243 'produz':2534,2627 'profission':2916 'profundo':2820,2888 'progress':2652 'progressiva':795 'progresso':596 'project':3121,3162 'projet':488 'promessa':292,1125 'pronto':1352,2388 'prop':1432,2411,2416 'proposito':235,483 'proposta':2953 'propria':877,2722 'proprietario':867 'proprio':599,1833,1915,1965 'prototipo':1887 'provid':3115,3160 'proximo':310,548,604,1585 'pseudocodigo':2971 'psicologia':19,48 'psicologico':530 'pulo':1676 'puro':1455 'purpos':96 'puxa':127 'px':2768,2805,2843,2877,2914 'quai':1330 'qual':562,607,1122,1139,1183 'qualquer':107,440,504,1119,1527,2306 'quando':319,1334,1423,1473,1874,1882,1916,2384,2945 'quas':2745 'quase-preto':2744 'que':122,126,161,258,265,271,294,301,307,353,366,399,406,415,421,428,434,515,522,526,532,585,619,652,700,745,811,832,850,1096,1132,1155,1190,1206,1231,1238,1267,1336,1654,1969,2163,2174,2225,2248,2326,2331,2348,2364,2402,2494,2530,2623,2680,2689,2939,3005,3097,3106 'quebrado':557 'quent':2780 'quer':518 'querer':612 'queri':1400,1472,1848 'radic':131,158 'radius':948,1910,2058,2060,2064,2068,2072,2360,2765,2802,2840,2874,2911 'radius-lg':2067 'radius-md':2063 'radius-sm':2059 'radius-xl':2071 'rais':2031,2129 'rapido':1644 'rarament':389 'rascunho':109 'razoavelment':2943 'react':1462,1841,1864 'readm':2202 'real':388,582,785,831,2380 'realidad':118 'realista':2984 'realment':519 'recebi':309 'recommend':3153 'recompensa':305,583 'recria':2217 'recuperacao':1091 'reduc':1347,1660 'reduced-mot':1346 'refaca':2956,3112 'referencia':2721,2728 'regra':1426,1953,2919 'regular':921 'relacionado':1584 'relat':3167 'relax':930 'relevant':2702 'remova':159 'removess':709 'repetida':679 'repetir':1194 'reputacao':601 'request':90 'requir':3123,3236 'resolv':828 'resolvida':1892 'respeitado':1662 'respiro':2447 'respondem':2485 'responsabilidad':2420 'restor':2704 'resultado':770 'retencao':1179 'reutilizavei':2989 'review':3124,3229 'ring':1323,1607 'risco':1263,2181 'ritmo':351 'rodar':2390 'role':1511,1769,2620 'room':1571 'root':1985 'rota':1286,1369,3045 'router':1363,1812 'row':1070 'saa':1943,2735 'sabe':323,410 'sabem':256,264 'saber':546 'saem':1643 'safe':1795,1799 'safe-area-inset':1798 'safeti':3239 'saida':981 'sair':572 'salvar':2543 'sao':2506,3046 'satisfacao':1181 'saturado':2781,2855 'saud':2775 'scale':911,1530,2359 'schema':1406 'scope':3210 'screen':1080,1702,2629 'scroll':1790,2703,2710 'se':182,195,707,717,733,1191,1850,1854,2278,2977,3023,3104 'search':1013 'searchabl':1061 'secao':2156,2299,2715,2917 'secondari':889,990 'segundo':577,825,849,2525 'sei':269 'seja':622,1160 'select':1059,1064 'sem':180,370,424,450,463,482,749,751,803,826,856,1102,1167,1424,1436,1651,1675,1754,1782,1855,2450,2539,2544,2575,2588,2595,2619,2890,2922 'semant':896,2356 'semantico':2618 'semibold':923 'sempr':492,2610,2626,3003,3020 'ser':1905,2941,3100 'seria':2974 'servidor':1469 'shadcn/ui':1828,1879,1932,1957 'shadow':955 'sharp':2844 'shell':1387 'shift':1674 'shortcut':2683 'si':1589 'sidebar':1388 'siga':2932 'significa':2407 'simpl':398,1815 'simpler':83 'simplicidad':130,157,207 'sitemap':1285,2188 'size':993,1051 'skeleton':1079,1328,1494,1701,2628 'skill':60,73,3137,3145,3168,3173,3181,3187,3195,3202 'skill-product-inventor' 'skin':1908 'slow':969,2086 'sm':913,950,956,994,1500,2061 'sobr':2742,2818,2951 'social':600 'soft':2846 'solicitado':2385 'solido':2889 'solucao':661 'som':365 'sombra':2472,2478 'sort':1067 'source-sickn33' 'spa':1814 'space':931,1561,2211 'special':64 'specif':85,3117,3157,3224 'spinner':1081,1704,2555,2633 'split':3043 'spring':982,2110 'src':1359 'stack':1806 'state':807,997,1006,1073,1095,1321,1491,1784,1853,1857,2572,2594,2673 'status':597,1047 'stop':3230 'storytel':21,50 'strict':1435,1818 'style':1407,1819 'sua':654 'suav':1636,1791,2853 'submit':2667 'substantiva':2308 'substitut':3220 'success':468,897,1000,1010,1038,1104,1720,3242 'sucedida':2641 'sucesso':2469,2514 'suficient':2924 'suggest':3126 'suportar':3028 'surfac':901,2023,2030,2121,2128,2748,2785,2821,2856,2893 'suspens':1493 'swap':1696,3041 'swipe':737 'system':16,45,866,881,1374 'tab':1054,1744 'tag':1046 'tailwind':1409,1441,1820 'tamanho':2457 'tanstack':1399,1471,1847 'tardia':3034 'target':1779 'task':76,3147,3206 'teclado':1743 'tecnico':555,1136,2845 'tela':146,290,632,753,1083,1254,1318,1326,1706,2345,2442,2459,2522,2554,2558,3070 'tela/produto':2204,2216 'tem':234,291,335,343,356,357,649,1164,1223,2443 'tempo':784 'tendencia':453 'tentar':1712 'ter':3068 'test':816,3226 'text':1012,1620,2045,2052,2143,2150,2754,2791,2828,2862,2899 'texto':1622,1716,1734,1738,1755 'think':14,43 'tight':928,1568 'time':1682,1896 'timelin':774 'tipada':1433 'tipado':2387 'tipo':725,1011 'tipografia':228,473,474,1529,2210,2357,2452,2579 'tipografico':352 'toast':1035,2643 'toda':430,1632,1740,2272,2441 'todo':469,646,872,1513,1597 'token':870,884,1413,1445,1826,1982,2197,2259,2612,3026 'tokens/constantes':2427 'tool':86,2738 'tooltip':186,2688 'topic-agent-skills' 'topic-agentic-skills' 'topic-ai-agent-skills' 'topic-ai-agents' 'topic-ai-coding' 'topic-ai-workflows' 'topic-antigravity' 'topic-antigravity-skills' 'topic-claude-code' 'topic-claude-code-skills' 'topic-codex-cli' 'topic-codex-skills' 'total':393 'touch':1778 'track':1567 'tracking-tight':1566 'tradeoff':1265 'transformar':106,788 'transicao':2596 'transico':227 'transit':1324 'trap':1030 'tras':861 'trave':2934 'treat':3215 'trust':2879 'tti':1679 'tudo':160,1077,1595,2425 'twmerg':1479 'type':1037,1417,2412 'typescript':1418,1434,1817 'typographi':906 'uau':838,842 'ui':17,46,437,501,1372,2635,2998 'um':189,260,350,362,364,374,829,1133,1936,2262,3065 'uma':116,282,346,348,360,379,670,1262,2553,2952 'understand':3155 'undo':2642 'unica':1786,2421 'unico':1767 'unrel':78 'usa':802 'usado':2282 'usar':1875,2335 'use':58,71,627,869,1878,2309,2981,3143,3200 'user':92 'usestate/usereducer':1860 'usuario':171,254,321,401,513,719,801,821,1148,1193,1657,2287,2500,2658,2676,2947,3007 'util':839 'utils.ts':1391 'v1.0':31 'v5':1849 'vai':611,1897,2698 'valid':1404,2661,3225 'validacao':1465,2513 'validaco':2201 'vao':2479 'var':1994,2005,2016 'variabl':1412,1443,1824,1979 'variant':988,1003,1016,1301,2274,2372 'vazio':810 've':768 'velocidad':1883 'vem':390,394,2475 'ver':1834 'vera':2681 'verd':2468 'verde/cyan':2816 'vergonha':552 'vermelho':2466 'vertic':1056 'vez':2631,2645 'vi':702 'via':1440,1450,1461,1470,1870,1907,2426,2611 'viavel':883 'vibrant':2741 'viciado':1198 'viciant':420 'violet':2870 'virar':845,1186 'virtual':1065 'visivel':1339,1608 'visuai':2718 'visual':345,479,792,1918,2352,2368 'visual/sonoro/haptico':594 'vite':1365,1813,1872 'vivo':744 'voce':183,196,327,767,3107 'volta':2708 'vou':296,317 'warm':2770 'warn':898,1039 'wcag':1730 'weight':920 'whatev':458 'width/height':1687 'without':98,3154 'work':103 'wrapper':1403 'xl':916,953,959,1506,2073 'xs':912 'z':2600,2814 'z-index':2599 'zero':806,1094,2219,2422,2672,2958 'zero-st':805,1093,2671 'zod':1405,1466,1844 'zustand':1858","prices":[{"id":"e03b424a-3a63-4be3-b06c-fbc556ba9354","listingId":"dc66932f-2fa3-4562-89b6-53ccac3aea99","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"sickn33","category":"antigravity-awesome-skills","install_from":"skills.sh"},"createdAt":"2026-04-18T21:42:44.816Z"}],"sources":[{"listingId":"dc66932f-2fa3-4562-89b6-53ccac3aea99","source":"github","sourceId":"sickn33/antigravity-awesome-skills/product-inventor","sourceUrl":"https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/product-inventor","isPrimary":false,"firstSeenAt":"2026-04-18T21:42:44.816Z","lastSeenAt":"2026-04-23T00:51:25.310Z"}],"details":{"listingId":"dc66932f-2fa3-4562-89b6-53ccac3aea99","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"sickn33","slug":"product-inventor","github":{"repo":"sickn33/antigravity-awesome-skills","stars":34616,"topics":["agent-skills","agentic-skills","ai-agent-skills","ai-agents","ai-coding","ai-workflows","antigravity","antigravity-skills","claude-code","claude-code-skills","codex-cli","codex-skills","cursor","cursor-skills","developer-tools","gemini-cli","gemini-skills","kiro","mcp","skill-library"],"license":"mit","html_url":"https://github.com/sickn33/antigravity-awesome-skills","pushed_at":"2026-04-22T06:40:00Z","description":"Installable GitHub library of 1,400+ agentic skills for Claude Code, Cursor, Codex CLI, Gemini CLI, Antigravity, and more. Includes installer CLI, bundles, workflows, and official/community skill collections.","skill_md_sha":"ab2d094bed36497ae585f29244c80452d7a0e057","skill_md_path":"skills/product-inventor/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/product-inventor"},"layout":"multi","source":"github","category":"antigravity-awesome-skills","frontmatter":{"name":"product-inventor","description":"Product Inventor e Design Alchemist de nivel maximo — combina Product Thinking, Design Systems, UI Engineering, Psicologia Cognitiva, Storytelling e execucao impecavel nivel Jobs/Apple."},"skills_sh_url":"https://skills.sh/sickn33/antigravity-awesome-skills/product-inventor"},"updatedAt":"2026-04-23T00:51:25.310Z"}}