Communitygithub.com

bg-szy/TOP-SKILLS

Beads Viewer - Mecanismo de triagem baseado em grafos para projetos Beads. Calcula PageRank, intermediação, caminho crítico e ciclos. Use flags --robot-* para agentes de IA.

O que é TOP-SKILLS?

BV (Beads Viewer) é um mecanismo de triagem consciente de grafos projetado para projetos Beads, processando arquivos `.beads/beads.jsonl`. Ele computa nove métricas de grafos, incluindo PageRank, intermediação, HITS, caminho crítico, autovetor, grau, densidade, ciclos e ordenação topológica, para superar as limitações da análise direta de dados brutos. A ferramenta oferece dois modos de operação: uma interface TUI para humanos e um modo robô com flags `--robot-*` especialmente desenvolvido para agentes de IA, garantindo que os agentes nunca executem o comando `bv` sem essas flags para evitar bloqueio de sessão. O BV realiza uma análise em duas fases com timeouts, fornecendo resultados rápidos para métricas simples (grau, ordenação topológica, densidade) e métricas mais complexas (PageRank, intermediação, HITS, autovetor, ciclos) com um timeout de 500ms. A ferramenta gera saídas JSON estruturadas com recomendações acionáveis, identificação de gargalos, detecção de ciclos e insights de saúde do projeto, além de oferecer filtros por rótulos, receitas pré-construídas (como 'actionable' e 'quick-wins') e recursos de comparação histórica (time travel) para análise de dependências ao longo do tempo. O BV é especialmente útil para agentes de IA em tarefas de planejamento de sprint, priorização de tarefas e identificação de dependências críticas em projetos de engenharia de software.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/bg-szy/TOP-SKILLS/tree/HEAD/skills/marketplace/bv

Perguntar na sua IA favorita

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

Documentação

BV - Beads Viewer

Um mecanismo de triagem consciente de grafos para projetos Beads (.beads/beads.jsonl). Calcula 9 métricas de grafos, gera planos de execução e fornece recomendações determinísticas. TUI humana para navegação; flags robô para agentes de IA.

Por que BV vs Beads Bruto

Capacidadebeads.jsonl BrutoModo Robô BV
Consulta"Listar todos os problemas""Listar os 5 principais gargalos que bloqueiam o lançamento"
Custo de ContextoAlto (linear com o número de problemas)Baixo (estrutura de resumo fixa)
Lógica de GrafoAgente deve calcularPré-calculado (PageRank, intermediação, ciclos)
SegurançaAgente pode perder ciclosCiclos explicitamente sinalizados

Use BV em vez de analisar beads.jsonl diretamente. Ele calcula métricas de grafos de forma determinística.

CRÍTICO: Modo Robô para Agentes

Nunca execute bv sem flags. Ele inicia uma TUI interativa que bloqueia sua sessão.

Sempre use as flags --robot-*:

bv --robot-triage        # O MEGA-COMANDO: comece aqui
bv --robot-next          # Mínimo: apenas a melhor escolha única
bv --robot-plan          # Trilhas de execução paralela
bv --robot-insights      # Métricas completas do grafo

As 9 Métricas do Grafo

O BV calcula estas métricas para revelar dinâmicas ocultas do projeto:

MétricaO Que MedeInsight Chave
PageRankImportância recursiva das dependênciasBloqueadores fundamentais
IntermediaçãoTráfego do caminho mais curtoGargalos e pontes
HITSDualidade Hub/AutoridadeÉpicos vs utilidades
Caminho CríticoMaior cadeia de dependênciasPedras angulares com folga zero
AutovetorInfluência via vizinhosDependências estratégicas
GrauContagens de conexão diretaBloqueadores/bloqueados imediatos
DensidadeProporção aresta/nóSaúde do acoplamento do projeto
CiclosDependências circularesErros estruturais (devem ser corrigidos!)
Ordenação TopológicaOrdem de execução válidaBase da fila de trabalho

Análise em Duas Fases

O BV usa computação assíncrona com timeouts:

  • Fase 1 (instantânea): grau, ordenação topológica, densidade
  • Fase 2 (timeout de 500ms): PageRank, intermediação, HITS, autovetor, ciclos

Sempre verifique o campo status na saída. Para grafos grandes (>500 nós), algumas métricas podem ser approx ou skipped.

Referência de Comandos Robô

Triagem e Planejamento

bv --robot-triage              # Triagem completa: recomendações, quick_wins, blockers_to_clear
bv --robot-next                # Melhor escolha única com comando de reivindicação
bv --robot-plan                # Trilhas de execução paralela com listas de desbloqueio
bv --robot-priority            # Detecção de desalinhamento de prioridade

Análise de Grafo

bv --robot-insights            # Métricas completas: PageRank, intermediação, HITS, ciclos, etc.
bv --robot-label-health        # Saúde por rótulo: healthy|warning|critical
bv --robot-label-flow          # Matriz de fluxo de dependência entre rótulos
bv --robot-label-attention     # Rótulos ordenados por atenção

Histórico e Mudanças

bv --robot-history             # Correlações bead-commit
bv --robot-diff --diff-since <ref>  # Mudanças desde a referência

Outros Comandos

bv --robot-burndown <sprint>   # Burndown da sprint, mudanças de escopo
bv --robot-forecast <id|all>   # Previsões de ETA
bv --robot-alerts              # Problemas obsoletos, cascatas de bloqueio
bv --robot-suggest             # Higiene: duplicatas, dependências ausentes, quebra de ciclos
bv --robot-graph               # Exportação do grafo de dependências (JSON, DOT, Mermaid)
bv --export-graph <file.html>  # Visualização HTML interativa autocontida

Escopo e Filtragem

bv --robot-plan --label backend              # Escopo para o subgrafo do rótulo
bv --robot-insights --as-of HEAD~30          # Ponto histórico no tempo
bv --recipe actionable --robot-plan          # Pré-filtro: pronto para trabalhar
bv --recipe high-impact --robot-triage       # Pré-filtro: maior PageRank
bv --robot-triage --robot-triage-by-track    # Agrupar por fluxos de trabalho paralelos
bv --robot-triage --robot-triage-by-label    # Agrupar por domínio

Receitas Embutidas

ReceitaPropósito
defaultTodos os problemas abertos ordenados por prioridade
actionablePronto para trabalhar (sem bloqueadores)
high-impactMaiores pontuações de PageRank
blockedAguardando dependências
staleAberto mas sem alterações por 30+ dias
triageOrdenado pela pontuação de triagem calculada
quick-winsItens P2/P3 fáceis, sem bloqueadores
bottlenecksNós com alta intermediação

Estrutura da Saída Robô

Todo JSON robô inclui:

  • data_hash - Impressão digital de beads.jsonl (verificar consistência)
  • status - Estado por métrica: computed|approx|timeout|skipped
  • as_of / as_of_commit - Presente quando se usa --as-of

Saída --robot-triage

{
  "quick_ref": { "open": 45, "blocked": 12, "top_picks": [...] },
  "recommendations": [
    { "id": "bd-123", "score": 0.85, "reason": "Desbloqueia 5 tarefas", "unblock_info": {...} }
  ],
  "quick_wins": [...],
  "blockers_to_clear": [...],
  "project_health": { "distributions": {...}, "graph_metrics": {...} },
  "commands": { "claim": "bd claim bd-123", "view": "bv --bead bd-123" }
}

Saída --robot-insights

{
  "bottlenecks": [{ "id": "bd-123", "value": 0.45 }],
  "keystones": [{ "id": "bd-456", "value": 12.0 }],
  "influencers": [...],
  "hubs": [...],
  "authorities": [...],
  "cycles": [["bd-A", "bd-B", "bd-A"]],
  "clusterDensity": 0.045,
  "status": { "pagerank": "computed", "betweenness": "computed", ... }
}

Referência Rápida jq

bv --robot-triage | jq '.quick_ref'                        # Resumo rápido
bv --robot-triage | jq '.recommendations[0]'               # Melhor recomendação
bv --robot-plan | jq '.plan.summary.highest_impact'        # Melhor alvo de desbloqueio
bv --robot-insights | jq '.status'                         # Verificar prontidão das métricas
bv --robot-insights | jq '.cycles'                         # Dependências circulares (corrigir!)
bv --robot-label-health | jq '.results.labels[] | select(.health_level == "critical")'

Padrão de Fluxo de Trabalho do Agente

# 1. Comece com triagem
TRIAGE=$(bv --robot-triage)
NEXT_TASK=$(echo "$TRIAGE" | jq -r '.recommendations[0].id')

# 2. Verifique ciclos primeiro (erros estruturais)
CYCLES=$(bv --robot-insights | jq '.cycles')
if [ "$CYCLES" != "[]" ]; then
  echo "Corrija os ciclos primeiro: $CYCLES"
fi

# 3. Reivindique a tarefa
bd claim "$NEXT_TASK"

# 4. Trabalhe nela...

# 5. Feche quando concluído
bd close "$NEXT_TASK"

Visualizações TUI (para Humanos)

Ao executar bv interativamente (não para agentes):

TeclaVisualização
lVisualização em lista (padrão)
bQuadro Kanban
gVisualização do grafo (DAG de dependências)
EVisualização em árvore (hierarquia pai-filho)
iPainel de insights (6 painéis de métricas)
hVisualização do histórico (correlação bead-commit)
aPlano acionável (trilhas paralelas)
fMatriz de fluxo (dependências entre rótulos)
]Visualização de atenção (ranking de prioridade de rótulos)

Integração com o CLI bd

O BV lê de .beads/beads.jsonl criado pelo CLI bd:

bd init                    # Inicializar beads no projeto
bd create "Título da tarefa"     # Criar um bead
bd list                    # Listar beads
bd ready                   # Mostrar beads acionáveis
bd claim bd-123            # Reivindicar um bead
bd close bd-123            # Fechar um bead

Integração com o Mail do Agente

Use IDs de beads como IDs de thread para coordenação:

file_reservation_paths(..., reason="bd-123")
send_message(..., thread_id="bd-123", subject="[bd-123] Iniciando...")

Formatos de Exportação do Grafo

bv --robot-graph                              # JSON (padrão)
bv --robot-graph --graph-format=dot           # Graphviz DOT
bv --robot-graph --graph-format=mermaid       # Diagrama Mermaid
bv --robot-graph --graph-root=bd-123 --graph-depth=3  # Subgrafo
bv --export-graph report.html                 # HTML interativo

Viagem no Tempo

Compare com estados históricos:

bv --as-of HEAD~10                    # 10 commits atrás
bv --as-of v1.0.0                     # Na tag
bv --as-of "2024-01-15"               # Na data
bv --robot-diff --diff-since HEAD~30  # Mudanças nos últimos 30 commits

Armadilhas Comuns

ProblemaCorreção
TUI bloqueia o agenteUse apenas flags --robot-*
Métricas obsoletasVerifique o campo status, resultados em cache por data_hash
Ciclos ausentesExecute --robot-insights, verifique .cycles
Recomendações erradasUse --recipe actionable para filtrar para trabalho pronto

Notas de Desempenho

  • Métricas da Fase 1 (grau, topo, densidade): instantâneas
  • Métricas da Fase 2 (PageRank, intermediação, etc.): timeout de 500ms
  • Resultados em cache por data_hash
  • Prefira --robot-plan em vez de --robot-insights quando a velocidade for importante

Individual skills in this repo

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

bg-szy/TOP-SKILLS

Brand-first landing page designer — runs a brand-identity interview (colors, typography, shape language), then generates and iterates on a polished landing page via Stitch with deployment-ready HTML. Use when the user asks to create, design, or build a landing page, homepage, or marketing page and has no established visual direction. Skip when they have a design mockup, need a dashboard or app UI, are working at component level, building a multi-page app, or restyling with known design tokens — use frontend-design instead.

bg-szy/TOP-SKILLS

Fill out Microsoft Azure Landing Zone (ALZ) Accelerator checklists by interviewing the user, mapping their Azure subscriptions, integrating IP addressing documentation, and applying Microsoft Cloud Adoption Framework best practices. Produces a completed Excel checklist (.xlsx) ready for ALZ deployment. Use this skill whenever the user mentions Azure Landing Zone, ALZ checklist, landing zone accelerator, platform landing zone configuration, ALZ bootstrap, hub-and-spoke setup, Azure network topology planning, or wants to fill out any ALZ-related checklist or configuration file. Also trigger when the user uploads an Excel file that contains tabs like "Accelerator - Bootstrap", "Accelerator - Bicep", or "Accelerator - Terraform".

bg-szy/TOP-SKILLS

Compose a premium, animated landing page section by section in Next.js + Tailwind + Motion (Framer Motion) — built on a real design system, with editorial copy and motion that feels human-crafted, not template-generated. Use when building or rebuilding a landing page, marketing site, or hero/feature/pricing/CTA sections that need to look production-ready and bespoke from day one.

bg-szy/TOP-SKILLS

Write high-converting landing page copy using proven frameworks like PAS (Problem-Agitate-Solution), AIDA, and StoryBrand. Creates headlines, value propositions, CTAs, and full page sections optimized for conversion. Use when users need landing page copy, sales page content, or marketing website text.

bg-szy/TOP-SKILLS

Optimize landing pages for conversions, performance, and SEO. Use when improving landing pages, increasing conversions, or optimizing page performance.

bg-szy/TOP-SKILLS

Review investment portfolios for risk, diversification, fees. Asset allocation recommendations, tax-loss harvesting, rebalancing.

bg-szy/TOP-SKILLS

CI red? Call us. Pipeline fire brigade deploys. Use when user mentions CI failures, build errors, test failures, or pipeline issues. Do NOT load for: local builds, standard implementation work, reviews, or setup.

bg-szy/TOP-SKILLS

CASS Memory System - procedural memory for AI coding agents. Three-layer cognitive architecture with confidence decay, anti-pattern learning, cross-agent knowledge transfer, trauma guard safety system. Bun/TypeScript CLI.

bg-szy/TOP-SKILLS

Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo, explainer, captioned clip, title card, overlay, slideshow or interactive deck, Remotion port, or any HyperFrames HTML composition. Also use it to inspect, diagnose, validate, preview, publish, or batch-render an existing HyperFrames project. Inputs may be a website URL, GitHub PR, Figma design or URL, text or brief, existing footage, or music. It resumes project state, captures intent when applicable, selects and installs the owning workflow, and routes domain capabilities. HyperFrames is the default output framework unless the user explicitly chooses another framework for the deliverable or asks only to record a browser session.

bg-szy/TOP-SKILLS

Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities.

bg-szy/TOP-SKILLS

Use when the user asks to "pre-launch check the landing page", "run a Quality-Score preflight", or "verify ad-to-page message match before launch"; produces an ad↔page continuity report — message-match gaps, above-the-fold check, page-speed read, form-friction count, mobile-render flags — as a pass/fix punch list. Not for redesigning or rewriting the page — use landing-optimizer; not for scoring the account or the RQS — use ad-account-auditor. 落地页体验预检/广告落地页一致性检查

bg-szy/TOP-SKILLS

Use when the user asks to "optimize our landing page for influencer traffic", "fix our promo-code landing page", or "improve conversion from a creator campaign"; produces a message-match audit, page-structure and social-proof recommendations, a promo-code/CTA conversion plan, and an A/B test roadmap. Not for measuring campaign results after launch — use performance-analyzer.

bg-szy/TOP-SKILLS

Audit a landing page, sales page or checkout page for conversion leaks and return a fix list ordered by expected revenue impact. Use when asked to review, critique or improve a landing page, sales page, opt-in page, product page or checkout flow, when conversion rate is low, when paid traffic is not converting, or when someone asks "why isn't this page converting" or wants a CRO / landing page review.

bg-szy/TOP-SKILLS

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices

bg-szy/TOP-SKILLS

Create high-converting, visually distinctive landing pages. Use when building marketing pages, product launches, SaaS homepages, or any single-page conversion-focused website. Guides section-by-section composition with anti-AI-slop principles.

bg-szy/TOP-SKILLS

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices

bg-szy/TOP-SKILLS

Account assets, equity and fund positions, P&L, cash flow records, account statements, margin ratios, buy-power estimates, order management, and DCA recurring investments via Longbridge (most require Trade permission). Frameworks: portfolio diagnosis, rebalancing, asset allocation, risk analysis (VaR/CVaR), performance attribution, and tax-loss harvesting. Triggers: "持仓", "账户", "盈亏", "资产", "对账单", "下单", "买入", "卖出", "撤单", "定投", "组合诊断", "再平衡", "资产配置", "风险分析", "绩效归因", "税损收割", "持倉", "賬戶", "盈虧", "對賬單", "下單", "買入", "賣出", "組合診斷", "再平衡", "稅損收割", "positions", "portfolio", "P&L", "order", "buy", "sell", "DCA", "statement", "risk analysis", "rebalancing", "tax harvesting", "我的风险", "持仓风险", "风险敞口", "資產", "資產配置", "風險分析", "績效歸因", "撤單

bg-szy/TOP-SKILLS

Auto-loaded context for Portfolio Buddy 2 development. Use for ANY task involving: React 19 development, TypeScript, portfolio analysis features, metrics calculations, trading strategy comparison, or working with the Portfolio Buddy 2 codebase. Contains tech stack, known issues, and architectural constraints.

bg-szy/TOP-SKILLS

Process video files with audio extraction, format conversion (mp4, webm), and Whisper transcription. Use when user mentions video conversion, audio extraction, transcription, mp4, webm, ffmpeg, or whisper transcription.

bg-szy/TOP-SKILLS

Using the Wonda CLI to generate images, videos, music, and audio from the terminal — plus LinkedIn, Reddit, and X/Twitter research and automation

Habilidades Relacionadas