Communitygithub.com

Jo5i4swastaken/Skills-Locker

Ajuda os usuários a descobrir e instalar skills de agente quando fazem perguntas como 'como faço X', 'encontre uma skill para X', 'existe uma skill que possa...' ou expressam interesse em estender capacidades. Esta skill deve ser usada quando o usuário busca funcionalidades que podem existir como uma skill instalável.

O que é Skills-Locker?

Esta skill, chamada "Encontrar Skills", atua como um assistente de descoberta para o ecossistema aberto de skills de agentes de IA (como Claude Code, Cursor, Codex). Quando um usuário pergunta como realizar uma tarefa ou menciona um domínio específico (ex: React, testes, deploy), esta skill identifica a necessidade, pesquisa usando a CLI `npx skills` e sugere skills modulares que estendem as capacidades do agente. O processo envolve 4 etapas: 1) entender o domínio e a tarefa do usuário, 2) executar `npx skills find [query]` para buscar skills relevantes, 3) apresentar as opções com nome, descrição e comando de instalação, e 4) oferecer-se para instalar via `npx skills add <package> -g -y`. A skill é útil porque economiza tempo do desenvolvedor, evitando reinventar a roda e permitindo acesso rápido a skills populares de fontes como `vercel-labs/agent-skills`. Caso nenhuma skill seja encontrada, a skill sugere ajuda direta ou criar uma nova skill com `npx skills init`.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Jo5i4swastaken/Skills-Locker/tree/HEAD/skills/find-skills

Perguntar na sua IA favorita

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

Documentação

Encontrar Skills

Esta skill ajuda você a descobrir e instalar skills do ecossistema aberto de skills de agente.

Quando Usar Esta Skill

Use esta skill quando o usuário:

  • Pergunta "como faço X" onde X pode ser uma tarefa comum com uma skill existente
  • Diz "encontre uma skill para X" ou "existe uma skill para X"
  • Pergunta "você pode fazer X" onde X é uma capacidade especializada
  • Expressa interesse em estender as capacidades do agente
  • Quer pesquisar por ferramentas, templates ou fluxos de trabalho
  • Menciona que gostaria de ter ajuda com um domínio específico (design, teste, deploy, etc.)

O que é a CLI de Skills?

A CLI de Skills (npx skills) é o gerenciador de pacotes para o ecossistema aberto de skills de agente. Skills são pacotes modulares que estendem as capacidades do agente com conhecimento especializado, fluxos de trabalho e ferramentas.

Comandos principais:

  • npx skills find [consulta] - Pesquisar skills interativamente ou por palavra-chave
  • npx skills add <pacote> - Instalar uma skill do GitHub ou outras fontes
  • npx skills check - Verificar atualizações de skills
  • npx skills update - Atualizar todas as skills instaladas

Navegue pelas skills em: https://skills.sh/

Como Ajudar Usuários a Encontrar Skills

Passo 1: Entender o que Eles Precisam

Quando um usuário pedir ajuda com algo, identifique:

  1. O domínio (ex.: React, teste, design, deploy)
  2. A tarefa específica (ex.: escrever testes, criar animações, revisar PRs)
  3. Se esta é uma tarefa comum o suficiente para que uma skill provavelmente exista

Passo 2: Pesquisar Skills

Execute o comando find com uma consulta relevante:

npx skills find [consulta]

Por exemplo:

  • Usuário pergunta "como faço meu app React mais rápido?" → npx skills find react performance
  • Usuário pergunta "você pode me ajudar com revisões de PR?" → npx skills find pr review
  • Usuário diz "preciso criar um changelog" → npx skills find changelog

O comando retornará resultados como:

Install with npx skills add <owner/repo@skill>

vercel-labs/agent-skills@vercel-react-best-practices
└ https://skills.sh/vercel-labs/agent-skills/vercel-react-best-practices

Passo 3: Apresentar Opções ao Usuário

Quando encontrar skills relevantes, apresente-as ao usuário com:

  1. O nome da skill e o que ela faz
  2. O comando de instalação que eles podem executar
  3. Um link para saber mais em skills.sh

Exemplo de resposta:

Encontrei uma skill que pode ajudar! A skill "vercel-react-best-practices" fornece
diretrizes de otimização de desempenho para React e Next.js da Vercel Engineering.

Para instalá-la:
npx skills add vercel-labs/agent-skills@vercel-react-best-practices

Saiba mais: https://skills.sh/vercel-labs/agent-skills/vercel-react-best-practices

Passo 4: Oferecer-se para Instalar

Se o usuário quiser prosseguir, você pode instalar a skill para ele:

npx skills add <owner/repo@skill> -g -y

A flag -g instala globalmente (nível de usuário) e -y pula os prompts de confirmação.

Categorias Comuns de Skills

Ao pesquisar, considere estas categorias comuns:

CategoriaExemplos de Consulta
Desenvolvimento Webreact, nextjs, typescript, css, tailwind
Testestesting, jest, playwright, e2e
DevOpsdeploy, docker, kubernetes, ci-cd
Documentaçãodocs, readme, changelog, api-docs
Qualidade de Códigoreview, lint, refactor, best-practices
Designui, ux, design-system, accessibility
Produtividadeworkflow, automation, git

Dicas para Pesquisas Eficazes

  1. Use palavras-chave específicas: "react testing" é melhor do que apenas "testing"
  2. Experimente termos alternativos: Se "deploy" não funcionar, tente "deployment" ou "ci-cd"
  3. Verifique fontes populares: Muitas skills vêm de vercel-labs/agent-skills ou ComposioHQ/awesome-claude-skills

Quando Nenhuma Skill é Encontrada

Se não existirem skills relevantes:

  1. Reconheça que nenhuma skill existente foi encontrada
  2. Ofereça ajuda com a tarefa diretamente usando suas capacidades gerais
  3. Sugira que o usuário pode criar sua própria skill com npx skills init

Exemplo:

Pesquisei por skills relacionadas a "xyz" mas não encontrei correspondências.
Ainda posso ajudar você com esta tarefa diretamente! Gostaria que eu prosseguisse?

Se isso é algo que você faz com frequência, você pode criar sua própria skill:
npx skills init my-xyz-skill

Individual skills in this repo

This repo contains 11 individual skills — each has its own dedicated page.

Jo5i4swastaken/Skills-Locker

Implements the "100% Retrieval Strategy" by Vercel. Injects a compressed docs index into AGENTS.md/CLAUDE.md to guarantee the agent always uses your global skills and best practices.

Jo5i4swastaken/Skills-Locker

Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups, art-directed imagery, and flexible grid layouts.

Jo5i4swastaken/Skills-Locker

Rewrite text to make ideas and sentences clearer and easier to understand. Use when the user wants to simplify prose, untangle a tangled sentence, reduce jargon, sharpen vague claims, or make writing accessible to a wider audience. Works on any text: docs, emails, blog posts, reports, marketing copy, slide bullets, academic prose. TRIGGER on phrases like: "make this clearer", "clarify this", "simplify this", "rewrite for clarity", "plain language", "reduce jargon", "make it easier to understand", "untangle this", "explain this simply", "tighten this up", "make this readable". Returns the rewritten text only — no diff, no commentary.

Jo5i4swastaken/Skills-Locker

Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing.

Jo5i4swastaken/Skills-Locker

Remove signs of AI-generated writing from text. Use when editing or reviewing text to make it sound more natural and human-written. Based on Wikipedia's comprehensive "Signs of AI writing" guide. Detects and fixes patterns including: inflated symbolism, promotional language, superficial -ing analyses, vague attributions, em dash overuse, rule of three, AI vocabulary words, negative parallelisms, and excessive conjunctive phrases.

Jo5i4swastaken/Skills-Locker

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.

Jo5i4swastaken/Skills-Locker

Agent Media OS — resolve any media need (BGM, SFX, image, icon) into a frozen local file + ledger record. One verb (`resolve`) handles the full cascade — project cache, global cache, HeyGen catalog search, freeze, register. Keeps search noise on disk, hands the agent a path. Use when a composition needs background music, sound effects, images, or icons.

Jo5i4swastaken/Skills-Locker

Author a HyperFrames slideshow composition — a presentation, pitch deck, or interactive deck with discrete slides, fragment reveals, branching sequences, and hotspot navigation. Use as an intent check when the user asks for a presentation, pitch deck, slide deck, interactive deck, or page-to-deck conversion that might be a slideshow; if the user did not explicitly ask for a slideshow / slide show, confirm before authoring.

Jo5i4swastaken/Skills-Locker

When the user wants help creating, scheduling, or optimizing social media content for LinkedIn, Twitter/X, Instagram, TikTok, Facebook, or other platforms, or wants to do social listening and engagement triage. Also use when the user mentions 'LinkedIn post,' 'Twitter thread,' 'social media,' 'content calendar,' 'social scheduling,' 'engagement,' 'viral content,' 'what should I post,' 'repurpose this content,' 'tweet ideas,' 'LinkedIn carousel,' 'social media strategy,' 'grow my following,' 'TikTok video,' 'Reels,' 'Shorts,' 'video script,' 'video hook,' 'short-form video,' 'create a reel,' 'social listening,' 'brand mentions,' 'competitor monitoring,' 'top posts to comment on,' 'find people asking for,' 'carousel,' 'slide-by-slide,' or 'document post.' Use this for social media content creation, repurposing, scheduling, short-form video scripting, and social listening. For broader content strategy, see content-strategy. For paid ads, see ad-creative. For earned media, see public-relations.

Jo5i4swastaken/Skills-Locker

Use when doing ANY task involving Supabase. Triggers: Supabase products (Database, Auth, Edge Functions, Realtime, Storage, Vectors, Cron, Queues); client libraries and SSR integrations (supabase-js, @supabase/ssr) in Next.js, React, SvelteKit, Astro, Remix; auth issues (login, logout, sessions, JWT, cookies, getSession, getUser, getClaims, RLS); Supabase CLI or MCP server; schema changes, migrations, security audits, Postgres extensions (pg_graphql, pg_cron, pg_vector).

Jo5i4swastaken/Skills-Locker

Watch a video (URL or local path). Downloads with yt-dlp, extracts auto-scaled frames with ffmpeg, pulls the transcript from captions (or Whisper API fallback), and hands the result to Claude so it can answer questions about what's in the video.

Habilidades Relacionadas