# Hackernews Frontpage

> Extrae la portada de Hacker News (títulos, puntos y número de comentarios).

Fuente: https://skillsagentes.com/skills/garrytan/gstack/hackernews-frontpage
Markdown: https://skillsagentes.com/skills/garrytan/gstack/hackernews-frontpage.md

Repositorio: https://github.com/garrytan/gstack
Autor: garrytan
Licencia: MIT
Actualizado: hace 5 días
Coste de contexto: 17 tok instalada, 355 tok al activarse, 6.7k tok con todos los archivos del bundle
Bundle: 5 archivos, 26 KB
Permisos que pide: ninguno declarado

## Instalación

Un skill son archivos markdown: los mismos archivos valen para cualquier agente y lo único que cambia es el directorio de destino, es decir la bandera `--agent`. Añade `-g` para instalarlo en todos los proyectos de la máquina.

```bash
# Claude Code
npx -y skills add garrytan/gstack --skill hackernews-frontpage --agent claude-code
# Cursor
npx -y skills add garrytan/gstack --skill hackernews-frontpage --agent cursor
# Codex
npx -y skills add garrytan/gstack --skill hackernews-frontpage --agent codex
# Gemini CLI
npx -y skills add garrytan/gstack --skill hackernews-frontpage --agent gemini
# Windsurf
npx -y skills add garrytan/gstack --skill hackernews-frontpage --agent windsurf
# Cline
npx -y skills add garrytan/gstack --skill hackernews-frontpage --agent cline
```

## Qué hace

- Navega a news.ycombinator.com y descarga el HTML de la portada
- Parsea cada fila de historia (`tr.athing`) en un registro `Story` tipado
- Devuelve un JSON con las 30 historias top: rank, título, url, points y comments

## Cuándo usarla

- Quieres obtener las historias top de Hacker News
- Necesitas título, puntos y número de comentarios de la portada de HN

## Qué la activa

- "Scrapea la portada de Hacker News"
- "Dame las top stories de HN"
- "Obtén las últimas historias de Hacker News"

## Antes de instalar

- Requiere el daemon `$B` para navegar y ejecutar el skill.

## Archivos

- SKILL.md — 1 KB
- _lib/browse-client.ts — 11 KB
- fixtures/hn-2026-04-26.html — 5 KB
- script.test.ts — 4 KB
- script.ts — 5 KB

## SKILL.md

Reproducido tal cual desde garrytan/gstack bajo MIT. Esta sección es el documento original y está en inglés.

# Hacker News front-page scraper

Scrapes the Hacker News (`news.ycombinator.com`) front page and returns the
top 30 stories as JSON. Each story has its rank, title, link URL, point count,
and comment count.

## Usage

```
$ $B skill run hackernews-frontpage
{
  "stories": [
    { "rank": 1, "title": "...", "url": "...", "points": 412, "comments": 87 },
    ...
  ],
  "count": 30
}
```

## How it works

1. Navigates to `https://news.ycombinator.com` via the daemon.
2. Reads the page HTML.
3. Parses each story row (HN's stable `tr.athing` structure) into a typed
   `Story` record.
4. Emits a single JSON document on stdout.

## Why this is the reference skill

`hackernews-frontpage` is the smallest interesting browser-skill: no auth,
stable HTML, deterministic output, file-fixture-friendly. Every Phase 1
component (SDK, scoped tokens, three-tier lookup, spawn lifecycle) is
exercised by `$B skill run hackernews-frontpage` and the bundled
`script.test.ts`.

When the HN HTML rotates and our selectors break, the test fails against the
captured fixture before users notice. That's the point.

## Dónde encaja

- Categoría: [Datos y analítica](https://skillsagentes.com/categorias/datos-analitica.md) — Consulta, limpia y visualiza datos sin salir del agente.
- Creador: [garrytan](https://skillsagentes.com/creators/garrytan.md) — 134 skills en el directorio
- [Todas las skills](https://skillsagentes.com/skills.md)
- [Ranking de instalaciones](https://skillsagentes.com/ranking.md)

## Otras skills del mismo repositorio

- [Browse](https://skillsagentes.com/skills/garrytan/gstack/browse.md): Navegador headless rápido para QA testing y dogfooding de sitios (gstack).
- [Ship](https://skillsagentes.com/skills/garrytan/gstack/ship.md): Flujo de ship: detecta y fusiona la rama base, corre tests, revisa el diff, sube VERSION, actualiza CHANGELOG, hace commit, push y crea el PR (gstack).
- [Ios Qa](https://skillsagentes.com/skills/garrytan/gstack/ios-qa.md): QA en dispositivo iOS real para apps SwiftUI, con bucle de agente guiado por visión sobre USB (gstack).
- [Plan Design Review](https://skillsagentes.com/skills/garrytan/gstack/plan-design-review.md): Revisión de planes con ojo de diseñador — interactiva, al estilo de las revisiones de CEO e Ingeniería. (gstack)
- [Plan Eng Review](https://skillsagentes.com/skills/garrytan/gstack/plan-eng-review.md): Revisión de plan en modo gerente de ingeniería: arquitectura, flujo de datos, diagramas, casos límite, cobertura de pruebas y rendimiento. (gstack)

## Skills relacionadas

- [Scrape](https://skillsagentes.com/skills/garrytan/gstack/scrape.md): Extrae datos de una página web: prototipa con primitivas $B la primera vez, luego enruta a un browser-skill codificado (~200ms). Solo lectura; usa /automate para acciones que mutan la página.
- [Graphify](https://skillsagentes.com/skills/graphify-labs/graphify/graphify.md): Úsalo para cualquier pregunta sobre una base de código, su arquitectura o relaciones de archivos; convierte cualquier entrada en un grafo de conocimiento persistente con nodos clave, comunidades y herramientas de consulta/ruta/explicación.
- [Analytics](https://skillsagentes.com/skills/coreyhaines31/marketingskills/analytics.md): Para cuando quieres configurar, mejorar o auditar el tracking de analytics: GA4, conversion tracking, event tracking, UTM, GTM, planes de tracking y validación de eventos.
- [Attribution](https://skillsagentes.com/skills/coreyhaines31/marketingskills/attribution.md): Para cuando el usuario quiere saber qué marketing impulsa realmente conversiones e ingresos, elegir un modelo de atribución o reconciliar cifras contradictorias entre herramientas.
- [Backtesting Frameworks](https://skillsagentes.com/skills/wshobson/agents/backtesting-frameworks.md): Construye sistemas de backtesting robustos para estrategias de trading, manejando correctamente look-ahead bias, survivorship bias y costes de transacción.

---

Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)