All authors
Claude Skills by artubss
github.com/artubss1,010 skills12 installs1,524 views
- Popup CroQuando o usuário deseja criar ou otimizar popups, modais, overlays, slide-ins ou banners para fins de conversão. Use também quando o usuário menciona "exit intent," "conversões de popup," "otimização de modal," "popup de captura de leads," "popup de email," "banner de anúncio" ou "overlay." Para formulários fora de popups, consulte form-cro. Para otimização geral de conversão de página, consulte page-cro.Votes: 0GitHub stars: 11
- Pricing StrategyQuando o usuário quer ajuda com decisões de preços, embalagem ou estratégia de monetização. Também use quando o usuário mencionar 'preços', 'tiers de preços', 'freemium', 'teste gratuito', 'embalagem', 'aumento de preço', 'métrica de valor', 'Van Westendorp', 'disposição a pagar' ou 'monetização'. Esta habilidade cobre pesquisa de preços, estrutura de tiers e estratégia de embalagem.Votes: 0GitHub stars: 11
- Product Manager ToolkitKit de ferramentas completo para gerentes de produto, incluindo priorização RICE, análise de entrevistas com clientes, templates de PRD, frameworks de descoberta e estratégias de go-to-market. Use para priorização de features, síntese de pesquisa com usuários, documentação de requisitos e desenvolvimento de estratégia de produto.Votes: 0GitHub stars: 11
- Product StrategistKit de ferramentas de liderança estratégica de produto para Head of Product incluindo geração em cascata de OKRs, análise de mercado, definição de visão e escalabilidade de equipes. Use para planejamento estratégico, alinhamento de objetivos, análise competitiva e desenho organizacional.Votes: 0GitHub stars: 11
- Programmatic SeoQuando o usuário quer criar páginas otimizadas para SEO em escala usando templates e dados. Também use quando o usuário menciona "SEO programático", "páginas de template", "páginas em escala", "páginas de diretório", "páginas de localização", "páginas de [palavra-chave] + [cidade]", "páginas de comparação", "páginas de integração" ou "construir muitas páginas para SEO". Para auditar problemas de SEO existentes, veja seo-audit.Votes: 0GitHub stars: 11
- Referral ProgramQuando o usuário quer criar, otimizar ou analisar um programa de indicação, programa de afiliados ou estratégia de boca-a-boca. Use também quando o usuário mencionar 'indicação', 'afiliado', 'embaixador', 'boca-a-boca', 'viral loop', 'indique um amigo' ou 'programa de parcerias'. Esta habilidade cobre design de programas, estrutura de incentivos e otimização de crescimento.Votes: 0GitHub stars: 11
- Schema MarkupQuando o usuário quer adicionar, corrigir ou otimizar schema markup e dados estruturados no seu site. Use também quando o usuário menciona "schema markup", "dados estruturados", "JSON-LD", "rich snippets", "schema.org", "FAQ schema", "product schema", "review schema" ou "breadcrumb schema". Para problemas de SEO mais amplos, consulte seo-audit.Votes: 0GitHub stars: 11
- Seo AuditQuando o usuário quer auditar, revisar ou diagnosticar problemas de SEO no seu site. Também use quando o usuário menciona "auditoria de SEO," "SEO técnico," "por que não estou ranqueando," "problemas de SEO," "SEO on-page," "revisão de meta tags," ou "verificação de saúde de SEO." Para construir páginas em escala visando palavras-chave, veja programmatic-seo. Para adicionar dados estruturados, veja schema-markup.Votes: 0GitHub stars: 11
- Seo FundamentalsFundamentos de SEO, E-E-A-T, Core Web Vitals e princípios do algoritmo do Google.Votes: 0GitHub stars: 11
- Seo OptimizerEspecialista em Otimização para Mecanismos de Busca para estratégia de conteúdo, SEO técnico, pesquisa de palavras-chave e melhorias de ranqueamento. Use ao otimizar conteúdo do site, melhorar ranqueamentos de busca, realizar análise de palavras-chave ou implementar melhores práticas de SEO. Especialista em SEO on-page, meta tags, schema markup e Core Web Vitals.Votes: 0GitHub stars: 11
- Signup Flow CroQuando o usuário quer otimizar fluxos de inscrição, registro, criação de conta ou ativação de teste gratuito. Também use quando o usuário mencionar "conversões de inscrição", "atrito de registro", "otimização de formulário de inscrição", "inscrição em teste gratuito", "reduzir abandono de inscrição" ou "fluxo de criação de conta". Para onboarding pós-inscrição, consulte onboarding-cro. Para formulários de captura de leads (não criação de conta), consulte form-cro.Votes: 0GitHub stars: 11
- Social ContentQuando o usuário quiser ajuda para criar, agendar ou otimizar conteúdo de mídia social para LinkedIn, Twitter/X, Instagram, TikTok, Facebook ou outras plataformas. Também use quando o usuário mencionar 'post no LinkedIn', 'thread no Twitter', 'mídia social', 'calendário de conteúdo', 'agendamento de redes sociais', 'engajamento' ou 'conteúdo viral'. Esta habilidade cobre criação de conteúdo, reutilização e estratégias específicas por plataforma.Votes: 0GitHub stars: 11
- Viral Generator BuilderEspecialista em criar ferramentas geradoras compartilháveis que viralizam - geradores de nomes, criadores de quiz, criadores de avatares, testes de personalidade e ferramentas de calculadora. Abrange a psicologia do compartilhamento, mecânicas virais e construção de ferramentas que as pessoas não conseguem resistir em compartilhar com amigos. Use quando: ferramenta geradora, criador de quiz, gerador de nomes, criador de avatares, ferramenta viral.Votes: 0GitHub stars: 11
- X Twitter ScraperUse quando o usuário quer integrar com a API do X (Twitter) via Xquik para buscar tweets, consultar perfis de usuários, extrair seguidores, executar sorteios, monitorar contas ou acessar tópicos em tendência. Também use quando o usuário menciona 'Xquik', 'Twitter API', 'X API', 'tweet scraper', 'extração de seguidores' ou 'monitoramento de Twitter'. Cobre REST API, webhooks e configuração de servidor MCP.Votes: 0GitHub stars: 11
- 3d Web ExperienceEspecialista em construir experiências 3D para a web - Three.js, React Three Fiber, Spline, WebGL e cenas 3D interativas. Cobre configuradores de produtos, portfólios 3D, websites imersivos e adição de profundidade às experiências web. Use quando: website 3D, three.js, WebGL, react three fiber, experiência 3D.Votes: 0GitHub stars: 11
- Accessibility AuditorEspecialista em acessibilidade web para conformidade WCAG, implementação ARIA e design inclusivo. Use ao auditar sites para problemas de acessibilidade, implementar padrões WCAG 2.1 AA/AAA, testar com leitores de tela ou garantir conformidade ADA. Especialista em HTML semântico, navegação por teclado e compatibilidade com tecnologia assistiva.Votes: 0GitHub stars: 11
- Algorithmic ArtEntendo. Você me forneceu um guia completo de instruções para criar arte algorítmica usando p5.js. Resumindo o fluxo: 1. **Filosofia Algorítmica** (.md): Crio um manifesto computacional descrevendo a estética generativa — como o conceito se exprime através de processos algorítmicos, ruído, partículas, campos de força, comportamento emergente. 2. **Implementação em p5.js** (HTML único): Expresso essa filosofia em código, usando: - Randomness com seed para reprodutibilidade - Parâmetros sintoni...Votes: 0GitHub stars: 11
- C4 ArchitectureGere documentação de arquitetura usando diagramas C4 model Mermaid. Use quando solicitado criar diagramas de arquitetura, documentar arquitetura de sistema, visualizar estrutura de software, criar diagramas C4, ou gerar diagramas de contexto/container/componente/deployment. Triggers incluem "diagrama de arquitetura", "diagrama C4", "contexto do sistema", "diagrama de container", "diagrama de componente", "diagrama de deployment", "documentar arquitetura", "visualizar arquitetura".Votes: 0GitHub stars: 11
- Canvas DesignEntendi. Sou um especialista em criar filosofias visuais e expressá-las em artefatos de design de alta qualidade. Estou pronto para: 1. **Criar uma FILOSOFIA DE DESIGN** (.md) — um manifesto visual que articula uma visão estética coerente, enfatizando craftsmanship meticuloso, expressão visual sobre texto, e comunicação através de forma, espaço e cor. 2. **Expressar visualmente essa filosofia** (.pdf ou .png) — um artefato de design pristino, ao nível de museu, que parece ter levado incontáve...Votes: 0GitHub stars: 11
- Claude D3js SkillCriando visualizações de dados interativas usando d3.js. Esta habilidade deve ser usada ao criar gráficos customizados, diagramas de rede, visualizações geográficas ou qualquer visualização de dados complexa baseada em SVG que requeira controle fino sobre elementos visuais, transições ou interações. Use isto para visualizações personalizadas além das bibliotecas de gráficos padrão, seja em React, Vue, Svelte, JavaScript vanilla ou qualquer outro ambiente.Votes: 0GitHub stars: 11
- Develop Web GameUse quando o Codex está construindo ou iterando em um jogo web (HTML/JS) e precisa de um loop confiável de desenvolvimento + teste: implementar pequenas mudanças, executar um script de teste baseado em Playwright com rajadas curtas de input e pausas intencionais, inspecionar screenshots/texto e revisar erros de console com render_game_to_text.Votes: 0GitHub stars: 11
- DiagrammerRenderize diagramas SVG limpos em estilo blueprint a partir de specs JSON. Use quando usuários pedirem para desenhar, esboçar ou diagramar um fluxo de requisição, rede neural, bloco transformer, arquitetura de sistema, máquina de estados, pipeline de dados, ou qualquer visual técnico de nós e arestas que queiram como SVG para docs, READMEs, posts ou slides.Votes: 0GitHub stars: 11
- Draw IoCriação, edição e revisão de diagramas draw.io. Use para edição de XML .drawio, conversão PNG, ajuste de layout e uso de ícones AWS.Votes: 0GitHub stars: 11
- ExcalidrawUse when working with *.excalidraw or *.excalidraw.json files, user mentions diagrams/flowcharts, or requests architecture visualization - delegates all Excalidraw operations to subagents to prevent context exhaustion from verbose JSON (single files: 4k-22k tokens, can exceed read limits)Votes: 0GitHub stars: 11
- Executing Marketing CampaignsPlaneja, cria e otimiza campanhas de marketing incluindo estratégia de conteúdo, redes sociais, email e análise de dados. Ajuda a desenvolver estratégias de go-to-market, mensagens de campanha e medição de desempenho.Votes: 0GitHub stars: 11
- Figma Implement DesignTraduza nós do Figma em código pronto para produção com fidelidade visual 1:1 usando o workflow MCP do Figma (contexto de design, screenshots, assets e tradução de convenções de projeto). Ative quando o usuário fornecer URLs do Figma ou IDs de nó, ou solicitar implementar designs ou componentes que devem corresponder às especificações do Figma. Requer uma conexão funcional com servidor MCP do Figma.Votes: 0GitHub stars: 11
- FigmaUse o servidor Figma MCP para buscar contexto de design, screenshots, variáveis e assets do Figma, além de traduzir nós do Figma em código de produção. Ative quando uma tarefa envolver URLs do Figma, IDs de nós, implementação design-to-code ou configuração e troubleshooting do Figma MCP.Votes: 0GitHub stars: 11
- Frontend DesignCriar interfaces frontend distintas e de qualidade produtiva com alto padrão de design. Use essa habilidade quando o usuário pedir para construir componentes web, páginas, artefatos, pôsteres ou aplicações (exemplos incluem websites, landing pages, dashboards, componentes React, layouts HTML/CSS, ou ao estilizar/embelezar qualquer UI web). Gera código criativo e polido com UI design que evita estéticas genéricas de IA.Votes: 0GitHub stars: 11
- 2d GamesPrincípios de desenvolvimento de jogos 2D. Sprites, tilemaps, física, câmera.Votes: 0GitHub stars: 11
- 3d GamesPrincípios de desenvolvimento de jogos 3D. Renderização, shaders, física, câmeras.Votes: 0GitHub stars: 11
- Game DevelopmentOrquestrador de desenvolvimento de jogos. Roteia para skills especializadas por plataforma com base nas necessidades do projeto.Votes: 0GitHub stars: 11
- Game ArtPrincípios de arte para games. Seleção de estilo visual, pipeline de assets, workflow de animação.Votes: 0GitHub stars: 11
- Game AudioPrincípios de áudio em jogos. Design de som, integração de música, sistemas de áudio adaptativo.Votes: 0GitHub stars: 11
- Game DesignPrincípios de design de jogos. Estrutura de GDD, balanceamento, psicologia do jogador, progressão.Votes: 0GitHub stars: 11
- Mobile GamesPrincípios de desenvolvimento de jogos mobile. Entrada por toque, bateria, performance, app stores.Votes: 0GitHub stars: 11
- MultiplayerPrincípios de desenvolvimento de jogos multiplayer. Arquitetura, rede, sincronização.Votes: 0GitHub stars: 11
- Pc GamesPrincípios de desenvolvimento de jogos para PC e console. Seleção de engine, recursos específicos de plataforma, estratégias de otimização.Votes: 0GitHub stars: 11
- Vr ArPrincípios de desenvolvimento em VR/AR. Conforto, interação, requisitos de performance.Votes: 0GitHub stars: 11
- Web GamesPrincípios de desenvolvimento de games para navegador web. Seleção de framework, WebGPU, otimização, PWA.Votes: 0GitHub stars: 11
- ImagegenUse when the user asks to generate or edit images via the OpenAI Image API (for example: generate image, edit/inpaint/mask, background removal or replacement, transparent background, product shots, concept art, covers, or batch variants); run the bundled CLI (`scripts/image_gen.py`) and require `OPENAI_API_KEY` for live calls.Votes: 0GitHub stars: 11
- Interactive PortfolioEspecialista em construir portfólios que realmente conquistam oportunidades - não apenas mostrando trabalho, mas criando experiências memoráveis. Cobre portfólios de desenvolvedores, designers, portfólios criativos e portfólios que convertem visitantes em oportunidades. Use quando: portfólio, site pessoal, showcase de trabalho, portfólio de desenvolvedor, portfólio de designer.Votes: 0GitHub stars: 11
- Marp SlideCrie slides de apresentação Marp profissionais com 7 temas lindos (padrão, minimalista, colorido, escuro, gradiente, tech, negócios). Use quando usuários solicitarem criação de slides, apresentações ou documentos Marp. Suporta temas personalizados, layouts de imagem e requisitos "deixe bonito" com melhorias de qualidade automática.Votes: 0GitHub stars: 11
- Meme FactoryGerar memes usando a API memegen.link. Use quando usuários solicitarem memes, quiserem adicionar humor ao conteúdo ou precisarem de recursos visuais para redes sociais. Suporta 100+ templates populares com texto e estilo personalizados.Votes: 0GitHub stars: 11
- Mermaid DiagramsGuia completo para criar diagramas de software usando sintaxe Mermaid. Use quando usuários precisarem criar, visualizar ou documentar software por meio de diagramas, incluindo diagramas de classe (modelagem de domínio, design orientado a objetos), diagramas de sequência (fluxos de aplicação, interações de API, execução de código), fluxogramas (processos, algoritmos, jornadas do usuário), diagramas de relacionamento de entidades (esquemas de banco de dados), diagramas de arquitetura C4 (contex...Votes: 0GitHub stars: 11
- Mobile DesignPensamento e tomada de decisão em design mobile-first para apps iOS e Android. Interação por toque, padrões de performance, convenções de plataforma. Ensina princípios, não valores fixos. Use ao construir apps React Native, Flutter ou nativos.Votes: 0GitHub stars: 11
- Premium Web DesignCrie designs de websites premium com qualidade Awwwards como componentes React (.jsx) que pareçam ter sido construídos por uma agência de primeira linha cobrando R$250k+ por projeto. Use esta skill sempre que o usuário pedir um website, landing page, portfólio, ou componente web que deve parecer caro, premium, luxo, editorial, high-end, ou de qualidade agência. Também dispare quando o usuário mencionar Awwwards, FWA, design premiado, ou referenciar marcas como Apple, Aesop, Bottega Veneta, St...Votes: 0GitHub stars: 11
- Remotion Best PracticesPráticas recomendadas para Remotion - Criação de vídeos em ReactVotes: 0GitHub stars: 11
- Scroll ExperienceEspecialista em construir experiências imersivas baseadas em scroll - storytelling por paralaxe, animações de scroll, narrativas interativas e experiências web cinematográficas. Como as interativas do NY Times, páginas de produtos da Apple e experiências web premiadas. Torna websites em experiências, não apenas páginas. Use quando: animação de scroll, paralaxe, storytelling de scroll, história interativa, website cinematográfico.Votes: 0GitHub stars: 11
- Slack Gif CreatorConhecimento e utilitários para criar GIFs animados otimizados para Slack. Fornece restrições, ferramentas de validação e conceitos de animação. Use quando usuários solicitarem GIFs animados para Slack como "crie um GIF de X fazendo Y para Slack".Votes: 0GitHub stars: 11
- Tailwind PatternsPrincípios do Tailwind CSS v4. Configuração baseada em CSS, container queries, padrões modernos, arquitetura de design tokens.Votes: 0GitHub stars: 11