jeonck/skill-hub

<h1 align="center">Claude Skill Hub</h1>

O que é skill-hub?

O Claude Skill Hub é um catálogo público e instalável de habilidades (skills) para o Claude, organizado em categorias como pipelines de automação, criação de conteúdo, design & UI, sistemas de design, produção de vídeo, ferramentas de desenvolvimento e muito mais. Cada skill possui um comando de instalação copy-paste, sem necessidade de cadastro ou gerenciador de pacotes. O hub é acessível via site (skill.metacog.co.kr) e suporta o Claude Code. As skills são projetadas para auxiliar desde a construção de sites e pipelines de conteúdo até a auditoria de SEO e design de interfaces, com foco em produtividade e boas práticas para desenvolvedores.

Funciona com✓Claude Code✓Codex CLI✓Cursor
npx skills add jeonck/skill-hub

Installed? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Prévia

Do README da skill

skill-hub preview
skill-hub preview
skill-hub preview
skill-hub preview
skill-hub preview
skill-hub preview
skill-hub preview
skill-hub preview

Documentação

Cada skill no site tem um comando de instalação para copiar e colar. Sem necessidade de cadastro ou gerenciador de pacotes.

Instalar uma skill

mkdir -p ~/.claude/skills && curl -fsSL https://skill.metacog.co.kr/dist/hugo-blog-builder.zip \
  -o /tmp/skill.zip && unzip -oq /tmp/skill.zip -d ~/.claude/skills

Substitua hugo-blog-builder por qualquer slug do catálogo.

Instalar todas

git clone https://github.com/jeonck/skill-hub.git
cp -r skill-hub/skills/* ~/.claude/skills/

As skills

97 skills, um glifo cada. Clique em qualquer nome para ver seu comando de instalação.

Pipelines de Automação

SkillO que faz
Daily Diary Pipelinedaily-diary-pipelineCria um pipeline onde editar uma linha em um arquivo GitHub aciona uma execução agendada do Claude que escreve um post e o publica em Hugo + GitHub Pages.
Daily Insight Pipelinedaily-insight-pipelineCria um pipeline diário de coleta e triagem — coleta de RSS, Reddit, HN e GitHub, faz o Claude classificar cada item como agir-agora / backlog / aprender / ignorar, e envia para um site.
Term Comparison Pipelineterm-comparison-pipelinePosts de comparação sob demanda — adicione uma linha como "REST vs GraphQL" a um arquivo, e o push aciona o Claude para gerar um diagrama SVG mais tabela de comparação e implantá-lo. Sem cron, sem conteúdo substituto.
Transcript Study Pipelinetranscript-study-pipelineTransforma transcrições de aula coladas em posts estruturados de estudo de inglês — expressões com exemplos, vocabulário, correções de erros de fala, quizzes de preenchimento e um mini diário — publicados no push.

Conteúdo & Redação

SkillO que faz
Seção de Expressões de Negóciosus-work-english-idiom-sectionEscreve uma seção de expressões de negócios como blocos recolhíveis — uma linha em inglês em negrito e um único marcador-chave por expressão, nada mais.
Redator de Conhecimento CCNP / CCIEccnp-ccie-writerEscreve documentos de base de conhecimento Cisco CCNP/CCIE em uma estrutura fixa — definição, características, componentes, fluxo de pacotes, tabelas de comparação, configuração e pontos de exame — com diagramas Mermaid.
Redator de Conteúdo CISAcisa-content-writerCria guias de melhores práticas CISA (auditoria de SI) nos seis domínios ISACA — um layout padrão de 10 seções com diagramas Mermaid e listas de verificação HTML.
Arquitetura de Plataforma de Dadosdata-platform-architectureCompara e escolhe entre estilos modernos de arquitetura de plataforma de dados — Lakehouse, Medallion, Data Mesh, Data Fabric, Lambda/Kappa, Streaming Lakehouse, Modern Data Stack e Zero-ETL — e escreve a decisão com as restrições que a motivaram.
ELI5eli5Explica qualquer tópico, código, conceito ou erro para um público nomeado — uma criança de cinco anos, um gerente, um pai, um novo engenheiro — adequando vocabulário, analogias e profundidade a quem está realmente ouvindo. Ativa com "explique como se eu tivesse 5 anos", "simplifique", "como explico pro meu chefe…".
Dê o Fora na Sua Agência de SEOfire-your-seo-agencyAudita e otimiza um site em cinco frentes — SEO, AEO, GEO, LLMO e NEO (Naver) — para se tornar uma fonte primária citada por buscadores, mecanismos de resposta, IA generativa e o briefing de IA do Naver. Diagnostica → implementa → mede, com verificação do ponto de vista do crawler (o que o HTML mostra sem JS), regra de não usar black-hat e um pipeline de blog/conteúdo. Referências bilíngues.
Humanizar Coreanohumanize-koreanReescreve texto coreano que parece escrito por IA — tradução artificial, inglês entre aspas em excesso, paralelismo mecânico, uso excessivo da voz passiva, ritmo uniforme, excesso de emoji e marcadores — em 10 categorias de indicadores, mudando estilo e ritmo sem tocar no conteúdo. Roteia para 1, 2 ou 3+ passes conforme a gravidade.
Comunicação Internainternal-commsEscreve comunicações internas em formatos da empresa — relatórios de status, atualizações de liderança, newsletters, FAQs, relatórios de incidentes e atualizações de projeto.
Conteúdo Técnico para Profissionais de TIit-professional-contentEscreve conteúdo de framework e metodologia no formato do exame coreano 기술사 — uma estrutura de 3 seções com diagramas de bloco, visualizações Mermaid e tabelas de comparação.
Redator de Notas de Problemaproblem-noteDocumenta um incidente de TIC, log de erro ou sessão de solução de problemas como uma nota de problema estruturada para um segundo cérebro Quartz v5 — mais notas de conceito, páginas MOC e uma verificação de ocultação antes de tornar algo público.
Conteúdo de Inglês para Trabalho nos EUAus-work-english-contentAdiciona páginas de prática de expressões a um site de aprendizado de inglês Docusaurus — grupos temáticos recolhíveis, expressões em negrito com marcadores de chave/fonte/similares, dicas de admonição e configuração da barra lateral.

Design & UI

SkillO que faz
Arte Algorítmicaalgorithmic-artArte generativa com p5.js — aleatoriedade com semente, campos de fluxo, sistemas de partículas e um loop interativo de exploração de parâmetros.
AnimaranimateCria uma animação web do zero tomando as decisões na ordem que define se ela parece certa — se animar ou não, qual ferramenta, quais propriedades, qual curva, como interrompe e sai — e então escreve a implementação.
Animar no Expoanimate-expoA mesma ordem de decisão de animação para React Native e Expo — em qual thread roda, spring ou timing, como o gesto passa o bastão, como degrada — implementada com Reanimated, Gesture Handler, Expo Router e expo-haptics.
Vocabulário de Animaçãoanimation-vocabularyGlossário de consulta reversa que transforma uma descrição vaga de um efeito de movimento em seu termo exato — "a coisa elástica quando um popover abre" vira Pop in, "o scroll elástico do iOS" vira Rubber-banding.
Anti UI Slopanti-ui-slopImpede que agentes de codificação enviem UI genérica — fundamenta interfaces na biblioteca de 800k+ telas reais web e iOS da UIZZE, define um contrato de design, cobre estados obrigatórios e executa um gate rígido de pré-entrega. Funciona em Claude Code, Cursor, Copilot, Codex.
Design Apple para a Webapple-designA abordagem da Apple para design de interface e movimento físico e fluido traduzida para a web — UI orientada a gestos, transições com spring e interrompíveis, materiais translúcidos e profundidade, tipografia óptica, movimento reduzido.
Design de Bannerbanner-designBanners para redes sociais, anúncios, heróis de site e impressos — múltiplas direções de arte por briefing nos tamanhos do Facebook, X, LinkedIn, YouTube, Instagram e Google Display.
Diretrizes de Marcabrand-guidelinesAplica as cores e tipografia oficiais da marca Anthropic a qualquer artefato que se beneficie de uma aparência consistente da empresa.
Gerador de Kit de MarcabrandkitPainéis de diretrizes de marca premium, sistemas de logotipo e decks de identidade — sistemas minimalistas, cinematográficos, editoriais, dark-tech e luxuosos com mockups direcionados por arte.
Voz e Identidade de MarcabrandVoz da marca, identidade visual, frameworks de mensagem e gerenciamento de ativos, com verificações de conformidade para conteúdo de marca.
Design Canvascanvas-designProjeta pôsteres, arte e peças estáticas como .png ou .pdf usando uma filosofia de design real em vez de saída de modelo padrão.
Direção de DesigndesignDecisões de direção de arte e design visual para trabalho de produto, apoiadas pelos dados de referência do Pro Max.
Design de Apps Mobile com Sleekdesign-mobile-appsProjeta telas de aplicativos mobile através da API hospedada sleek.design — cria um projeto, envia a intenção como uma mensagem com uma direção de estilo autoral, então consulta a execução e puxa capturas de tela ou HTML. Precisa

…(truncado)…

Habilidades Relacionadas